javascript - Jquery 没有使用像 JRate 插件这样的插件处理新添加的元素到 dom

Question

我一直在网上搜索这个，我找到了一些有用的答案，但它们不足以解决我的问题(例如 Similar Problem but no solution provided for my problem )

我正在使用 JRate 插件，我正在使用 jQuery 在 div 中添加一个 div。问题是，当我使用 jQuery 添加它并使用 JRate 函数时，它们无法正常工作。但是他们在没有附加新的 div 的情况下工作。

我知道如何让它发挥作用。我将不得不使用 $(document) 但我不知道如何将它与此代码一起使用。

这是HTML

<div class="jRate"></div>

这是我的 Jquery

$(".jRate").jRate({
    onSet: function(rating) {                             
        alert(rating);
    }
});

这是我的附加代码

var divjRate = "<div class='jRate'></div>";
$(divjRate).appendTo('.fb-jRate');

谁能告诉我如何在这里使用 $(document) 或您拥有的任何其他替代解决方案。

Answer 1

您需要先附加 html 元素，以便它在 DOM 中注册。然后，您可以对其调用 jRate

var divjRate = "<div><div class='jRate'></div></div>";

// Append new element to container of choice
$(divjRate).appendTo('.fb-jRate');

// Use plugin on new element
$('.jRate').jRate({
    onSet: function(rating) {                            
        alert(rating);
    }
});