Star Rating Widget für jQuery UI

Question

Ich wurde in die Star Rating widget für jQuery UI eingeführt. Ich verwendete ursprünglich this one.

Gibt es einen Unterschied zwischen den beiden?

Nun versucht, die Jquery UI zu verwenden, kann ich nicht die Eingabe Schaltflächen, um als Sterne angezeigt werden. Ich habe diese js und CSS-Dateien enthalten:

<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" /> 

Und für meinen Code einfach wie folgt:

<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> 

Alle Dateien und Bilder sind im selben Ordner. Ich habe noch nie zuvor die jquery UI benutzt, daher bin ich mir nicht sicher, ob ich nur diese Datei brauche. Ich bin mir nicht sicher, ob es es auch braucht, das andere Sterne-Rating-Plugin, das ich verwendete, erforderte es nicht. Wer weiß was ich vermisse irgendwas?

Answer 1

normalerweise jquery ui CSS-Dateien verweisen Bilder aus dem Ordner mit dem Namen images Put ist das gleiche Verzeichnis wie CSS-Datei. Sie müssen also den Pfad der referenzierten Bilder in ui.stars.js ändern.

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

Answer 2

Bei der Verwendung von orkans' STAR_RATING Sie müssen es sagen, Radiobuttons zu Sternen explizit zu konvertieren, so (ich benutze jQuery.noConflict-Modus):

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

Answer 3

Ich fand heraus, dass Problem mit der Versoion, das ich heruntergeladen habe, ist, dass das Objekt o in der Funktion _init nicht initialisiert wird (die Standardwerte vom Ende von ui.star.js werden nicht geladen). Dieses Objekt legt auch die CSS-Werte (Klassen) fest. Ich habe nicht die Lösung noch nicht gefunden, aber eine einfache Abhilfe wäre, diese Werte bei der Initialisierung der Sterne auf Ihrer Seite zu füllen:

<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>