jQuery 两个不同的委托

Question

我有两个委托函数正在工作..但我希望如果点击 img 避免点击 <li>.

<li><img src='img.png'/></li>

$('#listview').delegate('li img', 'click', function(){
    alert('img clicked!');
}); 
$('#listview').delegate('li', 'click', function() { 
    window.open("details.php?id" + $(this).attr('id'), '_blank');
}); 

如果单击图像（li 内），我不想打开该页面详细信息。目前，当我单击图像时，它会发出警报并显示新页面。我怎样才能避免这种情况？

Answer 1

尝试使用event.stopImmediatePropagation()：

$('#listview').delegate('li img', 'click', function(e){
    e.stopImmediatePropagation();
    alert('img clicked!');
}); 

以防止事件在 DOM 树上冒泡。