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追加

回答

相关问题