jQuery，点击可点击元素内的元素

Question

我的 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？

Answer 1

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

    event.stopPropagation();

})

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