jQuery，clickable元素内的click元素

我有如下的HTML语法:

<table><tr><td id="click1"><a href="somelink.html" id="click2">here's the link</a></td></tr></table>

而且我有这样的jQuery语法

$('td#click1').ajaxify();
$('a#click2').fancybox();

我的问题是，如果我单击#click2，那么也会选择#click1。

如何使它仅选择#click2而不调用#click1？

最佳答案

$('a#click2').click(function(event){

    event.stopPropagation();

})

您可以调用stopPropagation，以防止事件在DOM树中冒泡。

关于jQuery，clickable元素内的click元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5577335/