Widget de classement par étoiles pour l'interface utilisateur jQuery

Question

J'ai été présenté au Star Rating widget pour l'interface utilisateur jQuery. J'ai utilisé initialement this one.

Y a-t-il une différence entre utiliser les deux?

Bien que j'essaie d'utiliser l'interface utilisateur de jquery, je n'arrive pas à voir les boutons d'entrée apparaître comme des étoiles. J'ai ces js et les fichiers CSS inclus:

<script src="jquery-1.3.2.min.js" type="text/javascript"></script> 
<script src="jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script> 
<script src="ui.stars.js" type="text/javascript"></script> 
<link href="ui.stars.css" type="text/css" rel="stylesheet" /> 

Et pour mon code, tout simplement:

<form> 
    Rating: <span id="stars-cap"></span> 
    <div id="stars-wrapper1"> 
     <input type="radio" name="newrate" value="1" title="Very poor" /> 
     <input type="radio" name="newrate" value="2" title="Poor" /> 
     <input type="radio" name="newrate" value="3" title="Not that bad" /> 
     <input type="radio" name="newrate" value="4" title="Fair" /> 
     <input type="radio" name="newrate" value="5" title="Average" checked="checked" /> 
     <input type="radio" name="newrate" value="6" title="Almost good" /> 
     <input type="radio" name="newrate" value="7" title="Good" /> 
     <input type="radio" name="newrate" value="8" title="Very good" /> 
     <input type="radio" name="newrate" value="9" title="Excellent" /> 
     <input type="radio" name="newrate" value="10" title="Perfect" /> 
    </div> 
</form> 

Tous les fichiers et les images sont dans le même dossier. Je n'ai jamais utilisé jquery UI auparavant, donc je ne suis pas sûr si tout ce dont j'ai besoin est ce fichier. Je ne suis pas sûr si elle en a besoin non plus, l'autre plugin d'étoiles que j'utilisais n'en avait pas besoin. Quelqu'un sait-il ce qui me manque?

Answer 1

généralement jquery ui fichiers css réfèrent des images du dossier nommé images mis est le même répertoire que le fichier css. Vous devez donc soit modifier le chemin des images référencées dans ui.stars.js.

| 
    --images 
    | 
    ---image files are here 
    | 
    --ui.stars.css 

Answer 2

Lorsque vous utilisez orkans' vous STAR_RATING besoin de le dire pour convertir radiobuttons d'étoiles explicitement, comme celui-ci (j'utiliser le mode jQuery.noConflict):

jQuery(document).ready(function($){ 
    $("#stars-wrapper1").stars(); 
} 

Answer 3

j'ai découvert, ce problème avec le versoion J'ai téléchargé est, cet objet o n'est pas initialisé ok dans la fonction _init (les valeurs par défaut de la fin de ui.star.js ne sont pas chargées). Cet objet définit également les valeurs CSS (classes). Je ne l'ai pas trouvé la solution encore, mais une solution simple serait, pour remplir ces valeurs lors de l'initialisation des étoiles sur votre page:

<script type="text/javascript"> 
    $("#stars-wrapper1").stars({ 
    cancelClass: "ui-stars-cancel", 
    starClass: "ui-stars-star", 
    starOnClass: "ui-stars-star-on", 
    starHoverClass: "ui-stars-star-hover", 
    starDisabledClass: "ui-stars-star-disabled", 
    cancelHoverClass: "ui-stars-cancel-hover", 
    cancelDisabledClass: "ui-stars-cancel-disabled" 
    }); 
    </script>