jquery - 在 RateYo 中使用自定义数据属性进行评分

Question

我有几篇文章是从数据库加载的，在模板中我将每个项目设置为具有这种结构:

<li class="list-group-item">
    Rating: 
    <div class="movie_rating" data-rating="<%= movie.rating %>"></div>
</li>

但是，我无法设法从 data-rating 属性中获取值并将其放入每个元素中:

$(".movie_rating").rateYo(
    {
        rating: $(this).attr("data-rating"),
        fullStar: true,
        readOnly: true
    }
);

我想为每个元素将 rateYo 设置为不同的值，但是当我将它设置为一个时，它是为特定类的所有元素配置的(例如，如果第一个元素的评级为 1，则所有元素都将为 1 ).

Answer 1

问题已解决 - 我对所有元素使用 .each() 而不是 .rateYo()。

$(".movie_rating").each( function() {
    var rating = $(this).attr("data-rating");
    $(this).rateYo(
        {
            rating: rating,
            fullStar: true,
            readOnly: true
        }
    );
});