重置点击事件的鼠标选择(jQuery)

Reset jQuery Raty selection on click event (jQuery)

本文关键字：选择 jQuery 鼠标 事件      更新时间：2023-09-26

我在jQuery UI对话框中使用jQuery Raty插件(基本上是问卷风格的格式)。

使用一些自定义jQuery，我创建了一个问卷风格的界面，在每个选择将显示一个"新问题"，其中用户必须给出1-10的评级。

官方插件网站:- http://wbotelhos.com/raty

$('div.raty').raty({
    click: function(score, evt) {
       var position = parseInt($('.raty').attr('data-question'));
       number = number+1;
       // append scores (visual aid)
       $('div#myscores').append(score);
       $('form#questionnaire').append('<input type="hidden" class="scores" name="scores['+position+']['+score+']" />');
       if (position != 4) {
         $('h4#question-header').text( 'Q'+number+'. '+questions[position+1]);
         $('div.raty').attr('data-question', position+1);
       }
       if (position == 4) {
         $("div#question-content").append( "<h2>Complete</h2>" );
       }
      }
            });
这是HTML:- 
<div id='question-content'>
  <form id='questionnaire'>
  <p>Please complete the online questionnaire</p>
   <div id='myscores'></div>
   <div class='question'><h4 id='question-header'></h4></div>
   <div class='raty' data-question='0'></div>
   <input id='target-text-hint' class='input hint' type='hidden'>
   </form>
 </div>

在raty()中使用click() -我如何修改它来做以下事情:在每个"raty"中，单击将分数重置为0(例如，"下一个问题"不突出显示星星)

你需要这样的东西

// add a click listener for your ratys
$("your-raty").raty({
  click: function(score, evt) {
    // clean next raty on click
    var next = $("selector");
    next.raty('score', 0);
  }
})
相关文章：