javascript - Rateit 插件不适用于页面加载后附加的内容

Question

我正在使用http://gjunge.github.io/rateit.js/examples/的rateit插件

一切正常，直到我在页面加载后动态加载页面上的内容。星星根本不会出现。

附加到页面的动态生成的内容如下所示(表单ajax请求):

<div class="caption">
    <p id="productNameInFeeds"><a href="https://youlense.com/view/IPHONE">
            <b>IPHONE</b></a> - I PHONE 6S</p>
    <div class="rateit" data-rateit-value="3.00"
         data-rateit-ispreset="true" data-rateit-readonly="true" data-rateit-max="10">
    </div>
    <div>
        3.00 Stars | 2 Reviews | 10 Views | 1 Followers
    </div>
</div>

我的 js 文件看起来像这样

$(document).ready(function() {
var page = 1;

$("#load_more_feeds").click(function(){
    $.post("my/feeds/more",
            {
                page: page
            },
            function(data, status){

                if(data != ''){
                    $("#feedHolder").append(data);
                    page = page + 1;
                }

            });
$('div.rateit, span.rateit').rateit();
});

});

谁能告诉我解决办法吗？

提前致谢

Answer 1

发现这个:https://stackoverflow.com/a/33071447/3499595

在追加新内容后，调用以下命令:

$('div.rateit, span.rateit').rateit();

这会初始化所有 rateit 元素。