jQuery UI 대화 상자 (기본적으로 설문 스타일 형식)에서 jQuery Raty 플러그인을 사용하고 있습니다.
사용자 지정 jQuery를 사용하여 각 선택에 대해 사용자가 1-10 등급을 제공해야하는 '새 질문'을 표시하는 설문 스타일 인터페이스를 만들었습니다.
offical 한 플러그인 사이트 : - 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);
}
})
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다