Question

我正在尝试禁用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("&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


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

Answer 1

尝试禁用链接 -

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

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

jQuery - 禁用双击不起作用

1 个答案: