jquery - 保持花式绑定阻止父 jquery 操作

Question

好的，快点。我已经通过 $.ajax() 加载了这个 DIV，并附加了以下 jquery live()$('div').live('click', function(event) {});但在这个 DIV 内部有一个用于 jquery fancybox 画廊的锚。

html:

<div>
    <a class="foo" href="some-image.png"><img src="some-thumb.png"></a>
    <a class="foo" href="some-image2.png"><img src="some-thumb2.png"></a>
    <a class="foo" href="some-image2.png"><img src="some-thumb2.png"></a>
</div>

jQuery：

$('div').live('click', function(event) {
     alert();
});
$('.foo').fancybox();

我想在单击图库链接后阻止执行 div 操作...我对此有点坚持。希望你能帮忙。

Answer 1

你需要使用stopPropagation，看看我的例子http://jsfiddle.net/abimaelmartell/ZS8Yw/

$('a').on("click",function(event){
    event.stopPropagation();
    alert("link");
})