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