Накидал такой вот код:
$('#sort_p_1').click(function() {
if ($('#sort_p_1').hasClass('sort_checked') === false){
$('#sort_p_1').empty();
$('#sort_p_1').append('Производитель <br>');
$('#sort_p_1').toggleClass('sort_checked');
$('#sort_p_1').append('<ul>');
for ( i = 0 ; i < goods_manufacturers.length; i ++) {
$('#sort_p_1').append('<li class = "sort_manuf_p">'+ goods_manufacturers[i] +'</li>');
}
$('#sort_p_1').append('</ul>');
}
else {
$('#sort_p_1').toggleClass('sort_checked');
$('#sort_p_1').empty();
$('#sort_p_1').append('Производитель - любой');
}
});
$('.sort_manuf_p').live('click', function(event1) {
flag1 = 0;
for (i = 0; i <sort_manuf_p.length; i++)
if (sort_manuf_p[i] == $(this).html()) {flag1 = 1; sort_manuf_p.splice(i, 1); end;}
if (flag1 === 0) {sort_manuf_p.push($(this).html());}
/* if (navigator.appName=='Microsoft Internet Explorer') {
event1.returnValue=false; // отменяем действие
event1.cancelBubble=true; // запрещаем всплывание
}
else {
event1.preventDefault(); // отменяем действие
event1.stopPropagation(); // запрещаем всплывание
}
*/ });
Клик на элементе с классом "sort_manuf_p" ожидаемо идет вверх и вызывает событие по клику на "sort_p_1'" (убивая нужные мне эллементы) ... как этого избежать?
Закоментированный код был найден на просторах интернета и не работает... хотя почти все советы найденные в гугле точно такие же...
кто нибудь может сказать в чем моя ошибка?