我正在使用这个库来在我的网站上打分。问题是,在我点击按钮克隆#skill div中的所有元素后,我无法点击该元素进行评分。我知道我需要在克隆后重新初始化插件。但我卡在这里了。 我的div像这样:
<div class="sectionContent" id="skill">
<article class="skill">
<span contenteditable>-PHP</span>
<input class="rating" data-show-clear="false" data-show-caption="true" data-size="xs" data-show-caption="true" data-step="1">
</article>
</div>
使用jQuery的 clone 方法
$('#btnAddSkill').click(function() {
$('.skill:first').clone().appendTo("#skill");
$(".rating:last").rating({
starCaptions: {1: "Kém", 2: "Yếu", 3: "Trung Bình", 4: "Khá", 5: "Tốt"},
starCaptionClasses: {1: "text-danger", 2: "text-warning", 3: "text-info", 4: "text-primary", 5: "text-success"},
size:'xs'
});
});