javascript - 如果已经点击了其他 div，则禁止点击其他 div

Question

这是我的 jsfiddle:https://jsfiddle.net/2ajo5jdx/

如果你点击 link-b 一个 div 淡入，现在如果你点击 link-c 另一个 div 淡入。我不希望同时有多个 div。我想禁用点击链接-c 如果链接-b 已经被点击。

有没有简单的方法？谢谢。

$('.b').on("click", function(e) {
    e.preventDefault();
    $('.a-div').fadeOut( 400, function(){
        $('.b-div').addClass('active');
        $('.b-div').fadeIn(400);         
    });
});
$('.c').on("click", function(e) {
    e.preventDefault();
    $('.a-div').fadeOut( 400, function(){
        $('.c-div').addClass('active');
        $('.c-div').fadeIn(400);
    });
});

Answer 1

要在您的代码中几乎不添加任何内容，您可以使用一个标志，在每次点击链接时将其设置为 true，在关闭时设置为 false

var some_link_opened = false;

$('.b').on("click", function(e) {
    if (some_link_opened) return;
    some_link_opened = true;
    e.preventDefault();
    $('.a-div').fadeOut( 400, function(){
        $('.b-div').addClass('active');
        $('.b-div').fadeIn(400);         
    });
});

$('.x').on("click", function(e) {
    some_link_opened = false;
    e.preventDefault();
    $('.active').fadeOut( 400, function(){
        $('this').removeClass('active');
        $('.a-div').fadeIn(400);
    });
});