Mit dem rateYo-Plugin für die Sterne-Bewertung möchte ich, dass meine Sterne als voll erscheinen.

Question

Ich verwende Sterne in meinem Projekt. Wo meine Sterne als Größe erscheinen, wie schwebe ich auf dem Stern. Ich möchte, dass Sterne in voller Größe angezeigt werden, während der Benutzer darauf schwebt. Irgendein Vorschlag? Meine aktuelle JS-Funktion für rateYo ist wie folgt.

In JSP

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

In 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

Sie fullStar:true Option verwenden können, voll Sterne zu zeigen, überprüfen here für offizielle Plugin Optionen:

Aktualisieren Sie Ihre jQuery-Code wie folgt aus :

$(function() { 

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