gpt4 book ai didi

jquery - 禁用/取消绑定(bind)点击事件元素,在不活动时重新绑定(bind)点击

转载 作者:行者123 更新时间:2023-11-28 00:29:49 24 4
gpt4 key购买 nike

我有一个左侧导航,可在右侧显示/隐藏内容。目前,当您单击一个链接时,它会在右侧淡入相应的内容,并向该链接添加一个事件类。我的问题是,如果您再次单击事件链接,右侧的内容会再次淡入。我想在链接处于事件状态时取消绑定(bind)该点击,如果您点击另一个导航链接(随后从上一个链接中删除该类并将其添加到当前链接),则将点击事件重新绑定(bind)到所有非事件链接。

这是我当前的代码:

    $('.mixesSidebar ul li').click( function() {
//Get the attribute id
var liId = $(this).attr('id');
//removeClass active from all li's, addClass active to this
$('.mixesSidebar ul li').removeClass('active');
$(this).addClass('active');
//Hide all content on the right
$('.mixesContent ul').hide();
//Find the content with the same class as the clicked li's ID, and fadeIn
$('.mixesContent').find('.' + liId).fadeIn('slow');
});

非常感谢您的帮助!

最佳答案

如果您检查 $( this ) 是否已激活,如果没有,则继续执行代码会怎么样。

所以,在函数的开始,去:

if( ! $( this ).hasClass( 'active' ) )
{
// do stuff
}

关于jquery - 禁用/取消绑定(bind)点击事件元素,在不活动时重新绑定(bind)点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2672382/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com