表格行上的accordion-toggle但在特定单元格上阻止

时间:2014-10-28 00:02:55

标签: javascript jquery html twitter-bootstrap-3 html-table

在人们点击某一行时,在表格上使用手风琴切换来显示额外信息。但是这一行有一些链接可以执行其他一些操作,我希望当它们被点击时,额外的行没有出现。

这是标记:

<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()方法并且选择目前为止没有成功......

1 个答案:

答案 0 :(得分:2)

问题是链接还会点击气泡到您的行,尝试

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

你最有可能更好地调整你的选择器