如果单击链接内的元素,如何防止默认链接行为

Question

我有一个看起来像这样的链接:

<a href="page.html" class="myLink">
  Link text
  <div class="toggle">x</div>
</a>

当他们点击xin切换时我想阻止链接导航,但是如果他们点击Link Text我希望链接导航.

我试过这个:

$('.toggle').click(function(event) { $(this).parents('a').preventDefault(); });

但它似乎没有用.

Answer 1

要停止从单击元素到外部的传播a,您必须调用stopPropagation.但是在这里你可以简单地返回false(它们都会停止传播并防止默认行为):

$('.toggle').click(function(event) {
    // do interesting things   
    return false
});