Всем привет.
Есть меню типа :
<ul class='1'>
<li>
<ul class='2'>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li></li>
<li></li>
</ul>
При клике на пункт li в меню class='1'
=> открывается подменю class='2' и в него вставляется
$(this).find('ul.head_menu_three_level').prepend("<div id='back'><h1>Что то </h1></div>");
Итого:
<ul class='1'>
<li>
<ul class='2'>
<div id='back'><h1>Что то </h1></div>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li></li>
<li></li>
</ul>
Существует обработчик для li class='2'
Как я не пробовал писать обработчик клика по back
$('.1 > li > ul.2 > #back').on('click', function(e) {
e.preventDefault();
e.stopPropagation();
alert();
})
$('#back').on('click', function(e) {
e.preventDefault();
e.stopPropagation();
alert();
})
и еще много варианта, обработчик клика по li class='2' перекрывает его.
$('.2 > li').on('click', function(e){
e.preventDefault();
e.stopPropagation();
.....
Как получить клик?