Моя проблема связана с плагином 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. Документации по проблемам не так много.
Я был бы очень признателен за любую помощь. Даже предложение других рейтинговых плагинов поможет!