我在 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);
}
})
关于javascript - 在点击事件上重置 jQuery Raty 选择 (jQuery),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31837390/