如何使jQuery的点击事件仅在第一次点击时触发

前端之家收集整理的这篇文章主要介绍了如何使jQuery的点击事件仅在第一次点击时触发前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有两个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);
        });
    });
});

解决方法

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

触发点击事件后,它会解除绑定。

如果您不希望双击某个元素,则可以执行以下操作:

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

要使.navbar1不可锁定,只需运行$(‘。navbar1’)。addClass(‘clicked’)。为了使其可点击,做相反。

猜你在找的jQuery相关文章