openCart自定义jQuery样式

Question

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

Live demo

jQuery的片段：

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

Answer 1

您必须删除所有a -elements都给类在#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'); 
});