我有两个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’)。为了使其可点击,做相反。