使用jQuery更改具有默认值的链接类
我有三个链接,我手动设置类:一个默认为.active
,其他默认为.inactive
。 我有一些jQuery,我用它来切换链接的类,当它们被点击为CSS目的。 这适用于.inactive
链接 – 它们切换到.active
。 但是,它不适用于默认的.active
链接。 如果我单击默认的.active
链接,它将保持不活动状态。
默认加载:
链路1 – 活动链路2 – 非活动链路3 – 无效
点击链接2:
链路1 – 非活动链路2 – 活动链路3 – 无效
单击链接2中的链接1:
链路1 – 非活动链路2 – 活动链路3 – 无效
我怎样才能完成这个循环呢?
这是我正在生成的HTML:
我正在使用的jQuery:
$(function(){ var sidebar=$('#sidebar'); sidebar.delegate('a.inactive', 'click',function(){ sidebar.find('.active').toggleClass('active inactive'); $(this).toggleClass('active inactive'); }); });
如果我确实让你纠正,你的选择器太严格了:只处理inactive
链接。
试过以下?
$(function(){ var sidebar=$('#sidebar'); sidebar.delegate('a', 'click',function(){ sidebar.find('.active').toggleClass('active inactive'); $(this).addClass('active').removeClass('inactive'); }); });