jquery - 如何使 jquery click 事件仅在第一次单击时触发

Question

我有两个 div(.basic1 和 .basic2)。我希望 .basic1 在单击时淡出，而 .basic2 在我工作得很好的情况下淡出。唯一的问题是，一旦 .basic2 淡入，如果用户继续单击链接(.navbar1)，它将一遍又一遍地淡入该 div。我知道我需要使用 .bind() 函数，但我似乎无法弄清楚将其放在代码中的位置。谢谢!

$(document).ready(function() {
    $('.navbar1').click(function(e){
        e.preventDefault();

        $('.basic2').hide().load('.basic2', function() {
            $(this).delay(600).fadeIn(1000);
            $('.basic1').fadeOut(1000);
        });
    });
});

Answer 1

使用.one() :

$('.navbar1').one('click', function(e) {

一旦触发click事件，它就会解除绑定(bind)。

如果您不希望双击某个元素，则可以使用类似以下的操作:

$(document).on('click', '.navbar1:not(.clicked)', function() {
    // ...
});

要使.navbar1不可点击，只需运行$('.navbar1').addClass('clicked')。要使其可点击，请执行相反的操作。