我的问题是 JQuery 明星插件。我有一些有评级的评论。但是每当我将代码放入 for 循环时,所有评论的所有星星都会立即显示在顶部。我的测试代码如下:
{% 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')
;
根据http://www.fyneworks.com中的演示,我正在使用 5 星评级
一次意义——例如我在页面上显示了 12 条评论。每个评论都有评论文本和一些字段和评级。这意味着它不是为每条评论显示 5 颗星,而是在页面顶部显示所有评论的评级星。这意味着在第一次评论的顶部,我显示了 5*12=60 颗星。
对于我的生活,我不知道为什么它会那样做。网站上还提供了 jquery 星级评定的 css 文件。关于问题的文档不多。
我真的很感激任何帮助..即使是对其他评级插件的建议也会有所帮助!