Как реализовать порядок событий в родительских / дочерних элементах с помощью jquery

Question

У меня есть родительские и дочерние элементы на моей веб-странице, где для обоих определены отдельные обработчики событий.Я протестировал в Firefox, где обработчик события для родительского элемента выполняется первым.Я хочу, чтобы он выполнялся другим способом - сначала выполняется обработчик событий дочернего элемента.

Я читал об использовании bind, stopPropagation, protectDefault и т. Д., Чтобы это произошло, но я немного запутался в том, какзаставить это работать?Может кто-нибудь пролить свет на эту тему?

Вот как я реализую обработку событий ....

$('#Sidebar ul li .DeleteList').live('click', function(e) {
        alert("I was deleted");
});

$('#Sidebar ul').delegate('li', 'click', function(e) {
        alert("I was selected");
});

Answer 1

Почему бы не быть последовательным и просто использовать .live() для обоих? : D

$('#Sidebar ul li .DeleteList').live('click', function(e) {
    alert("I was deleted");
});

$('#Sidebar ul li').live('click', function(e) {
    alert("I was selected");
});

Таким образом «удаленный» запускается первым.

скрипка: http://jsfiddle.net/c9sBD/