javascript - 使用 rateYo 插件进行星级评定我希望我的星星显示为满星。

Question

我在我的项目中使用星级。我的星星出现的位置与我悬停在星星上的大小一样。当用户将鼠标悬停在上面时，我希望星星以全尺寸显示。有什么建议吗？我当前的 rateYo JS 函数如下所示。

在 JSP 中

      <div style="display:inline-block;" id="rateYo"></div>
                                    <input type="hidden" name="rating" id="rating_input"/>
                                </div>  

在 JS 中

       $(function () {

  $("#rateYo").rateYo({
       onSet: function (rating, rateYoInstance) {
       rating = Math.ceil(rating);
       $('#rating_input').val(rating);//setting up rating value to hidden field
    }
  });
});

Answer 1

您可以使用fullStar:true 选项来显示全星级，检查here对于官方插件选项:

像这样更新你的 jQuery 代码:

$(function () {

  $("#rateYo").rateYo({
       fullStar: true,
       onSet: function (rating, rateYoInstance) {
       rating = Math.ceil(rating);
       $('#rating_input').val(rating);//setting up rating value to hidden field
    }
  });
});