評分star javascript

Question

我使用這個插件評分（http://wbotelhos.com/raty/）。基本上，我顯示多個項目，每個項目都有自己的評級星。問題是，它只顯示「2.3」的第一個結果，然後將其應用於所有剩餘的項目。我怎樣才能解決這個問題？

<ul> 
    <li> 
    <div class="num_ratings">2.3</div> 
    <p class="rating-stars"></p> 
    </li> 
    <li> 
    <div class="num_ratings">4.1</div> 
    <p class="rating-stars"></p> 
    </li> 
    <li> 
    <div class="num_ratings">3.0</div> 
    <p class="rating-stars"></p> 
    </li> 
    <li> 
    <div class="num_ratings">3.3</div> 
    <p class="rating-stars"></p> 
    </li> 
</ul> 



<script> 
      $.fn.raty.defaults.path = 'img'; 
       rating = parseInt($('.num_ratings').html()); 
       $('.rating-stars').raty(
       { 
        width: 112, 
        readOnly : true, 
        score: rating, 
       }); 
     </script> 

Answer 1

試試這樣說：

$.fn.raty.defaults.path = 'img'; 

$("li").each(function(){ 
    rating = $('.num_ratings' , this).text(); 
    $('.rating-stars' , this).raty(
    { 
     width: 112, 
     readOnly : true, 
     score: rating, 
    }); 
}); 

通過這種方式，將在每個li運行，得到其num_ratings的數據，並在其特定rating-starsp創建評級。