Css 类设计不适用于附加元素

Question

当我用 Jquery 附加一些 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 中附加了一些代码并将其作为字符串，但它不起作用。这是我的附加脚本：

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

如果可能的话，你可以推荐任何其他的循环脚本或 css 之王

Answer 1

我认为饼图是由 javascript 在页面加载时创建的，因此当您在启动标记时使用它时，它可以工作，而当您使用 jQuery 添加它时，您需要自己触发库。