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时，它会执行一个操作。这个问题是<a href>功能丢失了，因为tr在顶层分层。点击该链接只会触发trigger操作，而不是链接操作。

我有没有办法让这个链接忽略其他功能并执行本机？我尝试将a设置为z-index: 9999;以及position: absolute;，但都没有解决问题。

jQuery脚本看起来像这样（它是一个简单的树视图）：

$(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;
});

如何在tr / row的顶部引入图层链接？

1 个答案: