jquery html() 加载字体问题

Question

我正在使用 ajb 的星级评分。它在 HTML 上完美运行，但是当我尝试通过 jquery html() 函数加载它时。 font-awesome star 没有出现。感谢任何帮助。

  $(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() 加载字体问题

jquery html() load font-awesome issue

jquery

font-awesome