Виджет звездного рейтинга для jQuery UI

Question

Я познакомился с Star Rating widget для пользовательского интерфейса jQuery. Я изначально использовал this one.

Есть ли разница между использованием двух?

Ну, пытаясь использовать JQuery UI, я не могу заставить кнопки ввода отображаться как звезды. У меня есть эти JS и CSS файлы включены:

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

И для моего кода, просто:

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

Все файлы и изображения находятся в одной папке. Я никогда раньше не использовал пользовательский интерфейс jquery, поэтому я не уверен, что мне нужен только тот файл. Я не уверен, нужен ли он ему, другой плагин рейтинга звезд, который я использовал, не требовал этого. Кто-нибудь знает, чего мне не хватает?

Answer 1

Обычно файлы jquery ui css ссылаются на изображения из папки с именем images put - это тот же каталог, что и файл css. Таким образом, вам нужно либо изменить путь к ссылкам на изображения в файле ui.stars.js.

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

Answer 2

При использовании orkans' star_rating вы должны сказать ему, чтобы преобразовать радиокнопки звездам явно, как это (я использую режим jQuery.noConflict):

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

Answer 3

Я обнаружил, что проблема с versoion, который я загрузил, этот объект o не инициализирован ok в функции _init (значения по умолчанию от конца ui.star.js не загружаются). Этот объект также устанавливает значения CSS (классы). Я не нашел решение еще, но простое решение было бы, чтобы заполнить эти значения при инициализации звезд на странице:

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