jquery - 如何将链接带到 tr/row 顶部的层？

Question

我有一张看起来像这样的表:

<table id="display">
    <tr class="trigger">
        <td>Info here</td>
        <td><a href="example.com">Link here</td>
    </tr>
</table>

我有一个在 trigger 上运行“onclick”的 jQuery 脚本，所以当trigger被点击，它执行一个 Action 。问题在于 <a href>功能丢失，因为 tr 位于顶部。单击链接只会触发 trigger操作，而不是链接操作。

有没有什么办法可以使这个链接忽略其他功能并执行 native 操作？我试过设置 a至 z-index: 9999;以及position: absolute;但都没有解决问题。

jQuery 脚本如下所示(它是一个简单的 TreeView ):

$(document).ready(function(){
    $("tr.trigger").click(function () {
       $(this).next().animate({
          height: 'toggle', opacity: 'toggle'
        }, "fast");
        $(this).toggleClass("opened");
        return false;
    }); 
});

Answer 1

您需要阻止事件传播到父元素:

$("tr.trigger a").click(function(e) {
  // Your code

  return false;
});