javascript - 在表格行上 Accordion 切换但在特定单元格上阻止

Question

在表格上使用 accordion-toggle 在人们点击特定行时显示额外信息。但是这一行有一些执行其他操作的链接，我希望在单击它们时不会出现额外的行。

这是标记:

<tr data-toggle="collapse" data-target="#info16" class="accordion-toggle">
    <td class="notice-green"></td>
    <td class="notice-green"></td>
    <td>16 <a href="x.php?id=16">XXXX</a></td>
    <td>2014-10-27 01:57:00</td>
    <td>2014-10-27 21:45:00</td>
    <td>2014-10-27 21:45:00</td>
    <td><a href="#" class="sync"><b class="glyphicon glyphicon-refresh"></b></a></td>
</tr>
<tr>
<td colspan="7" class="rowHide">
    <div class="accordian-body" id="info16">Extra info</p></div>
</td>

是否可以在单击任一链接时使表格行不展开？已经尝试乱用 .collapse() 方法并选择到目前为止没有成功......

Answer 1

问题是链接点击也会冒泡到你的行，试试

$("td a").click(function (event) {
    event.stopPropagation();
});

您很可能可以更好地微调您的选择器