如何使用jquery在父/子元素中实现事件顺序

Question

我有父母＆amp;我的网页中的子元素，它们都为它们定义了单独的事件处理程序。我在firefox中测试过，首先执行父元素的事件处理程序。我希望它执行另一种方式 - 首先执行子元素的事件处理程序。

我已经阅读过如何使用bind，stopPropagation，preventDefault等来实现这一点，但我对如何使其工作有点困惑？有人可以对这个话题有所了解吗？

以下是我实现事件处理的方法....

$('#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/