Raty多重评级

Question

我使用的是只读模式下的Raty星插件，评级号码来自数据库，我有7分，我希望它们中的每一个都有星级。即使我把div放了一段时间循环，我只得到了一颗星级。有人能帮我吗？

$(function() {
    $('#rate').raty({
    path     : '../img',
    readOnly   : true,
     size     : 24,
    starHalf : 'star-half-big.png',
    starOff  : 'star-off-big.png',
    starOn   : 'star-on-big.png',
     score: function() {
    return $(this).attr('data-score');
    }
  });
  });

while($row = $result->fetch_assoc()){ ?>
<div id="rate" data-score="<?php echo $row['rating'];"></div><!--even though I have 7 ratings in the table only one is showing up here -->
 <?php } ?>

Answer 1

尝试使用class而不是Id，因为Id应该是唯一的

JAVASCRIPT代码

    $(function() {
        $('.rate').raty({
            path     : '../img',
            readOnly   : true,
             size     : 24,
            starHalf : 'star-half-big.png',
            starOff  : 'star-off-big.png',
            starOn   : 'star-on-big.png',
             score: function() {
            return $(this).attr('data-score');
            }
        });
  });

PHP代码

 while($row = $result->fetch_assoc()){ ?>
    <div class="rate" data-score="<?php echo $row['rating'];"></div><!--even though I have 7 ratings in the table only one is showing up here -->
 <?php } ?>