javascript - 像饼图一样的css样式不适用于jQuery追加

当我用javascript附加相同的html代码时，上述两个图像css无法正常工作。

这是我的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追加相同的代码并将其作为字符串添加，但是它不起作用：这是我的append脚本：

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 );

最佳答案

您不能将data属性分成不同的行。
放入一行或将每一行添加到变量中。

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);