如何添加和删除活动类?
问题描述:
当我点击其他锚时,如何更改class .active-link?如何添加和删除活动类?
<div id="settings" class="account-collapse collapse in">
<div class="account-body">
<a href="#/PersonalInfo" class="active-link">PERSONAL_INFORMATION</a>
<a href="#/Notifications">NOTIFICATIONS_SETTINGS</a>
<a href="#/PasswordChange">CHANGE_PASSWORD</a>
<a href="#">GAME_SETTINGS</a>
</div>
</div>
我试过,但它不工作:
$('div').click(function() {
var hash = window.location.hash;
$("a.active-link").removeClass();
$('a[href="' + hash + '"]').addClass('active-link');
});
答
尝试
$('#settings a').click(function(event) {
event.preventDefault(); // prevent default action
$('#settings a').removeClass('active-link'); // remove all active class
$(this).addClass('active-link'); // apply for current a tag
});
答
$('#settings a').not('.active-link').click(function(){//when other links are clicked
$('#settings .active-link').removeClass('active-link').addClass('mynewclass');
})
嗯,它不工作 – None
它的作品像一个魅力... –
https:///jsfiddle.net/45z8qdq3/ –