Question

我有一个HTML表，其中包含组行，这些行允许在单击时通过jQuery展开和折叠子行。每个组行包含一个跨越所有表列的列。在此列中是一个打开新窗口的链接。

单击新窗口链接时出现问题。不仅打开了新窗口，而且单击该链接会导致组行的onclick事件触发，从而切换行组。有关如何在单击新窗口链接时阻止切换的任何想法，同时允许在其他任何位置单击行时切换？

<tr class="groupRow" onclick="toggleChildRows()">  
    <td colspan="@tableColumnCount">
        <a href="@newWindowPath">New Window</a>
    </td>
</tr>

Answer 1

我认为有更好的方法可以做到这一点，但你可以停止链接的传播（冒泡），它会起作用：

$('a').on('click', function(event) {
  event.stopPropagation();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div onclick="alert('yeah');">
  <a href="@newWindowPath">New Window</a>
  <div>click this</div>
</div>

链接问题中的链接：在可点击元素中放置链接

1 个答案: