Question

我正在使用ajb的星级评分。它完全适用于HTML，但当我尝试通过jquery html（）函数加载它。 font-awesome明星没有出现。任何帮助表示赞赏。

  $(document).ready(function () {
var html = "<div class=' panel active-panel '>" +
    "<div class='panel-heading'>" +
    "<div class=' pull-right'>" +
    "<div  class=\"mstars starrr\" data-rating='4'>" +
    "<span id=\"count\">0</span> star(s)</div>" +
    "</div>" +
    "<h4>Bootstrap Examples 4</h4>" +
    "</div>" +
    "<div class='panel-body'>" +
    "<div class='list-group'> <a href='#' class='list-group-item'>Modal /     Dialog</a>" +
    "<a href='#' class='list-group-item'>Datetime Examples</a>" +
    "<a href='#' class='list-group-item'>Data Grids</a>" +

    "</div>" +
    "</div>" +
    "</div>";
$('div.bcard').html(html);
});

http://jsfiddle.net/zmoxq/vyrmh7eh/

Answer 1

该插件初步确定了dom上的星级评级，你的dom准备好之后就会添加，所以你需要自己在添加的HTML上调用插件。

要做到这一点，请更改：

$('div.bcard').html(html);

到此：

$('div.bcard').html(html).find(".starrr").starrr();

请参阅this updated fiddle

jquery html（）加载font-awesome问题

1 个答案: