javascript - 如何使用 jQuery 禁用单击事件后发生的功能

Question

我的页面上有一个按钮，单击该按钮时，会监听另一个按钮的单击情况，然后执行 AJAX 调用。例如:

$( 'button#a' ).click( function() {

    $( 'button#b' ).click( function() {
        // Perform an AJAX call here.
    });

});

这是迄今为止我的代码的演示:

DEMO

如果在页面加载期间随时单击第三个按钮 button#c，我想禁用 ajax 调用功能。我不知道如何做到这一点。希望有人能提出一种方法。

Answer 1

不应在单击内编写单击事件，而应在代码中进行修改后编写。

var third_click= false; 
$(document).ready(function() {
    $( 'button#c' ).click( function() {
        third_click = true;
    })

    $( 'button#a' ).click( function() {

        $( 'button#b' ).click( function() {
            if( !third_click ) {
                // Perform an AJAX call here.
                alert( 'ajax call in progress' );
            } else {
                alert( 'Can\'t call ajax' );
            }
        });

    });
})

here是演示。