CSS樣式不使用jQuery追加

形成上述兩個圖像的CSS不工作時，我附上相同的HTML代碼與JavaScript。

這裏是我的html代碼：

<tbody id="strengthsTableBody"> 
<tr>td class='text-center'> 
<div class="text-center"> 
    <div class="inline"> 
     <div class="easypiechart" 
     data-percent="90" 
     data-line-width="15" 
     data-track-color="#eee" 
     data-bar-color="#5cb85c" 
     data-scale-color="#fff" 
     data-size="100" 
     data-line-cap='butt'> 
      <span class="h3 step">90</span>% 
     </div> 
    </div>      
</div> 
</td></tr>

相同的代碼我與jQuery的追加，使之作爲一個字符串，但它不工作：這是我追加劇本：

courceResultsData = 
"<tr><td class='text-center'> 
    <div class='text-center'> 
     <div class='inline'> 
      <div class='easypiechart' 
      data-percent='90' 
      data-line-width='15' 
      data-track-color='#eee' 
      data-bar-color='#5cb85c' 
      data-scale-color='#fff' 
      data-size='100' 
      data-line-cap='butt'> 
       <span class='h3 step'>90</span>% 
      </div> 
     </div> 
    </div> 
</td> 
</tr>"; 

$("#strengthsTableBody").append(courceResultsData);

來源

2017-04-25 Mr world wide

你需要的CSS，除了HTML/jQuery的。你的CSS在哪裏？創建一個小提琴示例，不要忘記在那裏添加CSS。 –

由於額外的''，html字符串與工作示例不同。 –

對不起，這是一個錯字，我檢查它，但仍然不工作@RobinMackenzie –

你不能將數據屬性分解成不同的行。將其合併成一行或將每行添加到變量中。

https://jsfiddle.net/shiladitya/wu4xgdfh/

var courceResultsData = "<tr><td class='text-center'> <div class='text-center'><div class='inline'><div class='easypiechart' data-percent='90' data-line-width='15' data-track-color='#eee' data-bar-color='#5cb85c' data-scale-color='#fff' data-size='100' data-line-cap='butt'> <span class='h3 step'>90</span>% </div> </div> </div></td></tr>"; 

$("#strengthsTableBody").append(courceResultsData);

來源

2017-04-25 07:59:46 Shiladitya

是的，我知道我寫這樣的理解。 –

CSS樣式不使用jQuery追加

回答

相關問題