jquery - openCart 自定义 jQuery 样式

Question

老板告诉我在<a>点击标签时为标签添加自定义样式，我认为这将是一件容易的事情，但我意识到每当我点击 openCart 中的链接时，整个网站都会重新加载。基本上，该类被添加到该<a>标记中，但在站点重新加载之后，它忘记了我的 jquery addClass() 样式。:(

现场演示

jQuery 片段：

/* foMenu -bklActive */
$('#menu ul li a').on('click', function(){
  $(this).parents().find("a").removeClass('bklActive');
  $(this).addClass('bklActive');
});

Answer 1

a您必须在您的所有元素上删除所有给定的类，#menu而不是使用兄弟姐妹方法：

$('ul li a').on('click', function () {
    $("ul li a").removeClass('bklActive');
    $(this).addClass('bklActive');
});

http://fiddle.jshell.net/d9LqD/

更新

为了更动态地实现这一点，请使用jQuery.fn.parents- 方法：

$('ul li a').on('click', function () {
    $(this).parents().find("a").removeClass('bklActive');
    $(this).addClass('bklActive');
});