Widget Gwiazdka dla jQuery UI

Question

Zostałem wprowadzony do Star Rating widget dla interfejsu użytkownika jQuery. Pierwotnie używałem this one.

Czy jest jakaś różnica między używaniem dwóch?

Cóż, próbując użyć interfejsu jquery UI, nie mogę uzyskać przycisków wejściowych, które pojawią się jako gwiazdy. Mam te pliki js i css obejmowały:

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

A dla mojego kodu, wystarczy:

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

Wszystkie pliki i zdjęcia są w tym samym folderze. Nigdy wcześniej nie używałam interfejsu jQuery, więc nie jestem pewien, czy wszystko, czego potrzebuję, to ten plik. Nie jestem pewien, czy tego potrzebuje, druga wtyczka z gwiazdką, której używałem, nie wymagała tego. Czy ktoś wie, czego mi brakuje?

Answer 1

zwykle pliki jquery ui css referują obrazy z folderu o nazwie images put to ten sam katalog co plik css. Musisz zmienić ścieżkę polecanych obrazów w pliku ui.stars.js.

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

Answer 2

Podczas korzystania orkans' star_rating trzeba powiedzieć go przekonwertować radiobuttons do gwiazd wyraźnie, jak to (używam trybu jQuery.noConflict):

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

Answer 3

I okazało się, że problem z versoion Pobrałem to, że obiekt o nie jest zainicjalizowany ok w funkcji _init (domyślne od końca pliku ui.star.js nie są załadowane). Ten obiekt ustawia również wartości CSS (klasy). Nie znalazłem jeszcze rozwiązania, ale proste obejście byłoby, aby wypełnić te wartości przy inicjalizacji gwiazd na swojej stronie:

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