Эта функция отражает и конфликтует со всеми сублитровыми и суб (а) тегами привязки

Question

Эта функция отражает и конфликтует со всеми суб-и суб (а) тегами привязки, поэтому субэкранированные метки также получают активный класс, который не является необходимо, помогите мне ....

jQuery(".left_navigation ul li").live('click', function(){ 
    jQuery(".sub_nav").slideUp("fast"); 
    jQuery(".left_navigation ul li").removeClass("active"); 
    jQuery(this).find(".sub_nav").slideToggle("slow"); 
    jQuery(this).addClass("active"); 
    jQuery(".left_navigation ul li a").removeClass("active"); 
    jQuery(this).find("a").addClass("active"); 
}); 

Answer 1

при условии, что вам нужно нажать на только li, а не для своего ребенка a.

вы можете сделать это

jQuery(".left_navigation ul li").live('click', function (e){ 
    if (e.target == this){ //<---make it work for just li and not a 
    jQuery(".sub_nav").slideUp("fast"); 
    jQuery(".left_navigation ul li").removeClass("active"); 
    jQuery(this).find(".sub_nav").slideToggle("slow"); 
    jQuery(this).addClass("active"); 
    jQuery(".left_navigation ul li a").removeClass("active"); 
    jQuery(this).find("a").addClass("active"); 
    } 
}); 

и я предполагаю, что вы используете старую версию JQuery, так live() устарели и удалены в новой версии. поэтому, в случае если вы используете последнюю версию, его лучше использовать on() вместо live()

Answer 2

Попробуйте

jQuery(".left_navigation ul li li").live('click', function (event){ 
    event.stopImmediatePropagation(); 
}) 
jQuery(".left_navigation ul li").live('click', function(){ 
    jQuery(".sub_nav").slideUp("fast"); 
    jQuery(".left_navigation ul li").removeClass("active"); 
    jQuery(this).find(".sub_nav").slideToggle("slow"); 
    jQuery(this).addClass("active"); 
    jQuery(".left_navigation ul li a").removeClass("active"); 
    jQuery(this).children("a").addClass("active"); 
});