Как вы запрещаете детям распространять событие, вызванное прослушивателем live/delegate?

Question

У меня есть родительский делегат, который прослушивает события щелчка в наборе детей с определенным классом.

$(".toggle_group").on("click",".toggle",function(e){ .. }); 

так Heres пример HTML

<div class='toggle_group'> 
    <a class='toggle'>click me and i toggle <div>Im a child of toggle</div></a> 
    <a class='toggle'>click me and i toggle <div>Im a child of toggle</div></a> 
    <a class='toggle'>click me and i toggle <div>Im a child of toggle</div></a> 
    <a class='toggle'>click me and i toggle <div>Im a child of toggle</div></a> 
</div> 

проблема в том, что дети a.toggle распространение информации о событии родителя запуска обработчика, когда он не должен. Согласно документам jQuery, вы не можете прекратить распространение событий на живых/делегированных прослушивателях событий.

Как запретить этим дочерним элементам a.toggle распространять событие на родителя? или, может быть, в некоторых случаях это разрешает?

Вы видите, что внутренний div .toggle должен быть выпадающим меню. Он не должен переключаться, когда вы нажимаете меню, только когда вы нажимаете ссылку переключения ...

Answer 1

Отметьте комментарии на этой странице, по крайней мере, некоторые утверждают, что нашли обходной путь. http://api.jquery.com/event.stopPropagation/

Скопировал комментарий от нити здесь для дальнейшего использования:

MikeW: работы вокруг для вопросов .live() распространения событий. созданных узлов динамически не получит событие, пока его родитель не получит . это вызовет funkyness и stopPropagation и preventDefault не решит эту проблему. Исправить: добавить строки

if (event.target! = This) {return true; }

в верхней части обработчика событий родительских узлов. это остановит родительское событие при запуске, когда событие фактически адресовано дочернему узлу , и (в отличие от возвращаемого значения false) распространит событие на назначенный узел .

Answer 2

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

$(".toggle_group").on("click",".toggle",function(e){ 
    if (!$(e.target).is(".toggle")) return; 

    ... 
});