在单击事件(jQuery)上重置 jQuery Raty 选择

Posted

技术标签:

【中文标题】在单击事件(jQuery)上重置 jQuery Raty 选择【英文标题】:Reset jQuery Raty selection on click event (jQuery) 【发布时间】:2015-10-28 12:24:57 【问题描述】:

我在 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(例如,“下一个问题”不会突出显示星号)

【问题讨论】:

【参考方案1】:

你需要这样的东西

// 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);
  
)

【讨论】:

以上是关于在单击事件(jQuery)上重置 jQuery Raty 选择的主要内容,如果未能解决你的问题,请参考以下文章

jQuery单击事件仅在Chrome中移动鼠标后才起作用

jQuery:在按钮单击事件上启用复选框(带有标签)

R Shiny - 使用jQuery和onclick事件处理程序删除UI

为啥 jQuery 单击事件侦听器未在 WooCommerce 按钮上注册?

通过数据表jQuery插件添加的按钮上的jQuery单击事件

Jquery按钮单击事件不起作用