私の問題は、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 ファイルもサイトで提供されています。問題に関するドキュメントはあまりありません。
他の評価プラグインへの提案も役立ちます!