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

Question

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

<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>

Answer 1

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

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

Answer 2

确保

return false;

在您的按钮功能中。

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

或者你甚至可以做

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