Html 单击表行中的按钮时引导折叠表行

在我的代码片段中，您可以看到一个包含一行的简单表。在该行中，您可以看到一个按钮组。现在，如果单击“主”按钮（重置按钮），您可以看到您单击的按钮下的表行将显示出来。这应该只在单击表行时发生，而不是在单击表行内的按钮时发生

还有，为什么要花这么长时间来恢复崩溃

桌头
按钮文本
表内容
重置
切换下拉列表
删除
进度文本1
进度文本2
$（窗口）.on（'load'，函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）；
});

回答原始问题以及评论中的问题

当您单击按钮时，事件会冒泡并在row元素上激发，这就是为什么click-handler-of-row（切换节）也可以工作的原因。 为了防止它，您可以通过调用重置按钮的单击处理程序中的

event.stopPropagation（）

来阻止单击事件冒泡

decollapse

很慢，因为在切换过程中，引导默认应用class

。collapsing

。这允许应用一些动画。默认情况下，它只是设置元素高度的动画。但是，在您的情况下，动画不起作用，因为表行的高度不能小于内容高度，但预期动画的延迟仍然存在。 您可以像下面所做的那样，通过使用

none

覆盖默认的

transition

来禁用

动画，或者只使用表以外的其他内容，例如
div

下面是根据我的评论更新的代码版本：

。正在折叠{
-webkit转换：无！重要；
过渡：无！重要；
显示：无；
}

桌头
按钮文本
表内容
重置
切换下拉列表
删除
进度文本1
进度文本2
$（窗口）.on（'load'，函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）；
});

因为当您单击“重置”按钮时，事件会冒泡到该行，并触发该行的

单击。要防止出现这种情况，请在重置按钮单击处理程序中调用
event.stopPropagation（）
。将此
event.stopPropagation（）放入在您的
警报（'reset！'）之后@KarlenKishmiryan ohhh谢谢你的解释。现在这很有道理。你有没有可能知道为什么解崩盘这么慢？