openCart custom jQuery styling

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 -элементов в вашем #menu вместо использования метода братьев и сестер:

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

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

Update

Чтобы получить это немного более динамично использовать jQuery.fn.parents -метод, что:

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