jQuery-禁用双击不工作

我正在尝试禁用DIV中的双击。我尝试了几种不同的推荐解决方案，但它们似乎不起作用

我有一个语句，显示用户可以选择的真假按钮。不管用户选择的是真是假，因为#answerContainer会出现并给出答案，同时还会显示一个链接，上面写着“下一个语句”。我的问题是，当用户双击“下一个语句”时，设置的动画开始重叠

是否可以禁用双击#nextS（下一个语句）链接

谢谢

$(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("&nbsp;");
            $('#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


            });
        });
    });
});
});

$（文档）.ready（函数（）{
风险值问题=[“这是问题1”，“这是问题2”，“这是问题3”]；
var answers=[“FALSE:此语句不正确。”，“true:此语句正确。”，“true:此语句正确。”；
$（'nextS，'bTrue，'bFalse'）.css（'cursor'，'pointer'）；
var z=0；
$（'#questions'）.html（questions[z]）；
$（'#b真，#b假'）.bind（'click'，函数（e）{
e、 预防默认值（）；
$（this.prop（'disabled'，true）；//禁用
$（'b真，'b假'）.fadeOut（'fast'，function（）{
//动画完成
$（'#right'）。设置动画（{top:0}，800，function（）{
//回拨
$（'#true-false'）.css（'background-image'，'url（'+tf[z]+'））；
$（'true-false'）.fadeIn（）；
$（'#answerContainer'）.html（“”）；
$（'#answerContainer'）.fadeIn（800，function（）{
$（'#b真，#b假'）.prop（'disable'，false）；//在容器淡出后启用
//回拨
$（'answerContainer'）.html（answers[z]+“
”；
//下一个语句单击
$（'#nextS'）.bind（'click'，函数（e）{
e、 预防默认值（）；
$（this.prop（'disabled'，true）；//禁用
z++；
$（'true-false'）.fadeOut（）；
$（“#应答容器”）.fadeOut（800，function（）{
//回拨
$（'#right'）。设置动画（{top:175}，800，function（）{
$（'#questions'）.html（questions[z]）；
checkZ（）；
//警惕（问题[z]）；
});
});
});
//下一个语句单击
$（'#nextS'）.prop（'disable'，false）；//在容器淡出后启用
});
});
});
});
});

尝试禁用链接-

//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]);
            });
            $('#nextS').prop('disable', false); // ENABLE after container fades out
        });
});
//NEXT STATEMENT CLICK  

---

如果看不到更多内容，我不确定，但您可能希望在以后的过程中重新启用链接。

我认为这是一种比防止双击更好的实现方法。谢谢Jay，我添加了它，它似乎可以工作，但现在我的True/False按钮弄乱了动画。我尝试将相同的解决方案添加到True/False中链接，但它不起作用。我花了一段时间回来。我用你的代码搞砸了它，不得不移动一些东西使它起作用。谢谢！是的，很遗憾，因为有更好的答案汉克·杰伊，现在正在修复它。