Jquery 链接内链接问题:将链接放置在可单击元素内

Jquery 链接内链接问题:将链接放置在可单击元素内,jquery,html,Jquery,Html,我有一个HTML表,其中包含组行,这些行允许在单击时通过jQuery展开和折叠它们的子行。每个组行包含一个跨表所有列的列。此列中有一个打开新窗口的链接 单击“新建窗口”链接时出现问题。新窗口不仅会打开,而且单击链接会触发组行的onclick事件,从而切换行组。如何在单击新窗口链接时防止切换,而在单击其他位置时允许切换 <tr class="groupRow" onclick="toggleChildRows()"> <td colspan="@tableColumn

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

单击“新建窗口”链接时出现问题。新窗口不仅会打开,而且单击链接会触发组行的onclick事件,从而切换行组。如何在单击新窗口链接时防止切换,而在单击其他位置时允许切换

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

我认为有更好的方法来实现这一点,但您可以停止链接的传播(冒泡),它将起作用:

$('a')。在('click')上,函数(事件){
event.stopPropagation();
});

点击这个

在我看来,糟糕的设计。你能澄清一下什么时候应该切换,什么时候应该打开新窗口吗?这是一个常见的问题,你可以用它来限制事件的元素only@Satpal你没用过推特吗?大多数现代web应用程序都有这样的用例。您希望能够单击列表项,例如,打开对话线程,同时也能够单击“喜欢”或“共享”,而无需触发外部链接。