Звезды рейтинга jquery отображаются вверху при вводе цикла for

Моя проблема связана с плагином JQuery star. У меня есть ряд отзывов с оценками. Но всякий раз, когда я вставляю код в цикл, все звездочки для всех обзоров отображаются вверху сразу. Мой тестовый код выглядит следующим образом:

{% for rec in recent %}                 
Rating:
<input class="star {split:4}" type="radio" name="test-4-rating-6" value="1" disabled="disabled"/>
<input class="star {split:4}" type="radio" name="test-4-rating-6" value="2" disabled="disabled"/>
<input class="star {split:4}" type="radio" name="test-4-rating-6" value="3" disabled="disabled"  checked="checked"/>
<input class="star {split:4}" type="radio" name="test-4-rating-6" value="4" <input class="star {split:4}" type="radio" name="test-4-rating-6" value="5" disabled="disabled"/>
<input class="star {split:4}" type="radio" name="test-4-rating-6" value="6" disabled="disabled"/>
<input class="star {split:4}" type="radio" name="test-4-rating-6" value="7" disabled="disabled"/>
<input class="star {split:4}" type="radio" name="test-4-rating-6" value="8" disabled="disabled"/>
<input class="star {split:4}" type="radio" name="test-4-rating-6" value="9" disabled="disabled"/>
<input class="star {split:4}" type="radio" name="test-4-rating-6" value="10" disabled="disabled"/>
<input class="star {split:4}" type="radio" name="test-4-rating-6" value="11" disabled="disabled"/>
<input class="star {split:4}" type="radio" name="test-4-rating-6" value="12" disabled="disabled"/>
<input class="star {split:4}" type="radio" name="test-4-rating-6" value="13" disabled="disabled"/>
<input class="star {split:4}" type="radio" name="test-4-rating-6" value="14" disabled="disabled"/>
<input class="star {split:4}" type="radio" name="test-4-rating-6" value="15" disabled="disabled"/>
<input class="star {split:4}" type="radio" name="test-4-rating-6" value="16" disabled="disabled"/>
<input class="star {split:4}" type="radio" name="test-4-rating-6" value="17" disabled="disabled"/>
<input class="star {split:4}" type="radio" name="test-4-rating-6" value="18" disabled="disabled"/>
<input class="star {split:4}" type="radio" name="test-4-rating-6" value="19" disabled="disabled"/>
<input class="star {split:4}" type="radio" name="test-4-rating-6" value="20" disabled="disabled"/>
{% endfor %}

Я проверил значение 3 только для тестирования.

Я даже пробовал звонить из javascript вот так ('input').rating('select','3');

Я использую 5-звездочный рейтинг согласно демонстрации на http://www.fyneworks.com

Сразу имеется в виду - например, у меня на странице отображается 12 отзывов. В каждом обзоре есть текст обзора, несколько полей и рейтинг. Сразу означает, что вместо отображения 5 звездочек для каждого обзора он отображает звездочки рейтинга для всех обзоров вверху страницы. Это означает, что в верхней части первого обзора отображается 5 * 12 = 60 звезд.

Да хоть убей, я не знаю, почему он так себя ведет. На сайте также есть файл css для звездного рейтинга jquery. Документации по проблемам не так много.

Я был бы очень признателен за любую помощь. Даже предложение других рейтинговых плагинов поможет!


person Amarja Lokare    schedule 23.07.2012    source источник
comment
ибо все отзывы отображаются вверху сразу, что это значит. привести пример . если вы выберете 8, что происходит   -  person zod    schedule 23.07.2012
comment
Я предполагаю, что это проблема CSS, связанная с абсолютным позиционированием.   -  person jessegavin    schedule 23.07.2012


Ответы (1)


В качестве предложения к другому рейтинговому плагину: загрузить RateIt, просмотреть примеры

person Gideon    schedule 31.07.2012