我正在尝试禁用 DIV 中的双击。我尝试了几种不同的推荐解决方案,但它们似乎不起作用。
我有一个显示用户可以选择的真假按钮的声明。用户选择 true 或 false 并不重要,因为#answerContainer 会出现并给你答案,以及一个显示“NEXT STATEMENT”的链接。我的问题是当用户双击“NEXT STATEMENT”时,设置的动画开始重叠。
是否可以禁用双击 #nextS (NEXT STATEMENT") 链接?
谢谢!
$(document).ready(function(){
var questions = ["This is question 1","This is question 2","This is question 3"];
var answers = ["<strong>FALSE: </strong> This statement is not true.","<strong>TRUE: </strong> This statement is true.","<strong>TRUE: </strong> This statement is true."];
$('#nextS,#bTrue,#bFalse').css( 'cursor', 'pointer' );
var z = 0;
$('#questions').html(questions[z]);
$('#bTrue,#bFalse').bind('click',function(e){
e.preventDefault();
$(this).prop('disabled', true); // DISABLE
$('#bTrue,#bFalse').fadeOut('fast', function(){
// Animation complete
$('#right').animate({top:0}, 800, function() {
//callback
$('#true-false').css('background-image', 'url(' + tf[z] + ')');
$('#true-false').fadeIn();
$('#answerContainer').html(" ");
$('#answerContainer').fadeIn(800, function() {
$('#bTrue,#bFalse').prop('disable', false); // ENABLE after container fades out
//callback
$('#answerContainer').html(answers[z] + "<p id=\"nextS\"><a href=\"#\">NEXT STATEMENT</a></p>");
//NEXT STATEMENT CLICK
$('#nextS').bind('click',function(e){
e.preventDefault();
$(this).prop('disabled', true); // DISABLE
z++;
$('#true-false').fadeOut();
$('#answerContainer').fadeOut(800, function(){
//callback
$('#right').animate({top:175}, 800, function(){
$('#questions').html(questions[z]);
checkZ();
//alert(questions[z]);
});
});
});
//NEXT STATEMENT CLICK
$('#nextS').prop('disable', false); // ENABLE after container fades out
});
});
});
});
});