Tengo este código HTML:
<ul class="menu"> <li> li first generation element <ul class="sub-menu"> <li> li second generation element </li> </ul> </li> ...More li's first generation elements with ul's inside </ul>
Y este evento JQuery:
$(".menu > li").click(function(){ alert("click"); })
El problema con el que me encuentro es que cuando hago clic en elementos li
de segunda generación, el evento se dispara, esto se debe a que también se hace clic en el elemento li
de primera generación. Esto está provocando que el evento se dispare en un elemento li
incorrecto. Solo quiero que este evento se active cuando se haga clic en la primera generación de elementos li
.
¿Como puedo resolver esto?.
El segundo LI está dentro del primer LI .
Usar:
e.stopPropagation()
O
e.preventDefault();