[frontend] 根據文字長度 自適應寬度 自適應高度+ Uncaught ReferenceError: xxx is not defined at HTMLDivElement.onclick

CSS一行代碼就可以解決第一個問題：

1.1 根據文字長度，自適應標簽寬度

解決方法：把width的設置刪掉，加一行代碼 display:table;

.tag-footdetail{
  /*width: 300px;*/
  height: 40px;
  font-size: 1.5rem;
  line-height: 40px;
  text-align: center; 
  border-radius: 15px;
  border: 1px solid #D2B991;
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
  background-color: #D2B991;
  color: black;
  display:table;
}

1.2 根據文字長度，自適應標簽高度

CSS中

height:auto;

display:inline-block;

 

2.Uncaught ReferenceError: xxx is not defined at HTMLDivElement.onclick

解決方法：

1）注意引用juery是否有錯 對應的<script>行代碼請認真檢查

2）這其實是個很簡單的問題，主要是注意xxx是否是個字符串，要不要加引號。

以下為例，value.id和value.name 都是需要加' '的，加上之后可以解決這個問題。

function renderFootData(data) {
    $.each(data.result, function(index, value) {
    var html = '<div class="tag" style="font-size:28px;" onclick="getfootid(\''+value.id+'\',\''+value.name+'\');">'
    + value.name
    + '</div>';
    $("#foot-data-list").append($(html));
    });
}