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

请确保

return false;

在您的buttonFunction中。

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

或者你甚至可以做

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

Answer 2

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

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

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

2 个答案: