javascript - jQuery Raty 将 ID 的分数相加

Question

我正在使用 jqueryraty，页面上有 5 个评级选项。我想统计所有 5 个评分的分数。我为每个评级指定了自己的 ID #targetKeep1 #targetKeep2 等...并将 scoreName 更改为唯一。我想以某种方式将所有分数相加并显示出来。我该怎么做呢？

会是类似 function(score, evt) { var answer1 = Score; 吗？ var answer2 = 分数； var answer3 = 分数；等等.. } ?

<script type="text/javascript">
    $(function() {
      $.fn.raty.defaults.path = 'img/';
      $('#targetKeep1').raty({
        cancel      : false,
        width       : 310, 
        number      : 6,
        target      : '#targetKeep1-hint',
        single      : true,
        hints       : ['0', '1', '2', '3', '4' , '5'],
        targetKeep  : true,
        scoreName   : 'answer1',
          click: function(score, evt) {
    alert('ID: ' + $(this).attr('id') + "\nscore: " + score + "\nevent: " + evt);
  }
      });
    });
    $(function() {
      $.fn.raty.defaults.path = 'img/';
      $('#targetKeep2').raty({
        cancel      : false,
        width       : 310, 
        number      : 6,
        target      : '#targetKeep2-hint',
        single      : true,
        hints       : ['0', '1', '2', '3', '4' , '5'],
        targetKeep  : true,
        scoreName   : 'answer2',
      });
    });

Answer 1

除非您出于其他原因需要它，否则我不会为唯一的 scoreName 烦恼。

我会将一个类(例如targetKeep)分配给您已调用raty的相关div。

然后您可以使用标准 score 字段执行以下操作:

var totalScore = 0;
$(".targetKeep").each( function(tK) {
   if (typeof($(tK).raty('score')) != "undefined") {
      totalScore += $(tK).raty('score');
   }
});

Fiddle here .