jquery評級星級顯示在頂部時，放入循環

Question

我的問題是與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');

我現在用的是5星級，按演示中http://www.fyneworks.com

在一次意義的，比如我有在頁面上顯示的12條評論。每個評論都有評論文字和一些字段以及評分。一次意義，而不是每個評論顯示5顆星，它顯示頁面頂部所有評論的評分星。這意味着在第一次評論的頂部，我顯示了5 * 12 = 60顆星。

對於我的生活，我不知道爲什麼它的表演就像那樣。 jquery star評級的css文件也在網站上給出。沒有很多關於問題的文檔。

我真的很感激任何形式的幫助..即使對其他評分插件的建議也會有所幫助！

Answer 1

作爲建議向另一家評級插件：download RateIt，view examples