单击位于其中的按钮时，如何防止数据切换崩溃？答案

【问题标题】：How can I prevent data-toggle collapse when clicking a button residing inside it?单击位于其中的按钮时，如何防止数据切换崩溃？
【发布时间】：2018-07-12 09:02:59
【问题描述】：

我有一个可折叠的数据切换，然后我有一个带有 onclick 方法的按钮。当我按下按钮时，如何防止数据切换折叠 div？我可以在 onclick-function 上以某种方式执行此操作吗？

<div class="row toggle" id="dropdown-detail-@counter" data-toggle="collapse" data-target="#detail-@counter">
</div>

<div id="detail-@counter" class="collapse">
   <p>content</p>
</div>

和按钮：

  <button type="button" class="btn btn-default" id="idXXX" onclick="buttonFunction(this.id)">
     <span class="glyphicon glyphicon-bookmark" aria-hidden="true" id="idXXX"></span>
  </button>

【问题讨论】：

标签： javascript jquery twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

它不会阻止按钮单击事件进入引导程序，但您可以做的是停止事件的传播，在您的情况下：

<button onclick="event.stopPropagation();buttonFunction(this.id);">

【讨论】：

【解决方案2】：

请务必

return false;

在您的 buttonFunction 中。

这将防止点击事件冒泡到父元素

或者你甚至可以这样做

onclick="buttonFunction(this.id);return false;"

【讨论】：

恐怕没有用。似乎引导数据切换会覆盖它。