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
    }
  });
});