0

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


            });
        });
    });
});
});
4

1 回答 1

2

尝试禁用链接 -

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

我不确定没有看到更多,但您可能希望在您的过程中稍后重新启用该链接,而不是我在这里。

于 2012-12-26T20:41:20.677 回答