Fatal编程技术网
  • twitter-bootstrap/
  • Twitter bootstrap 带复选框的引导折叠与其目标失去同步

Twitter bootstrap 带复选框的引导折叠与其目标失去同步

twitter-bootstrap

Twitter bootstrap 带复选框的引导折叠与其目标失去同步,twitter-bootstrap,collapse,Twitter Bootstrap,Collapse,我想使用引导折叠在标记复选框时显示元素 这是我的代码： <input type="checkbox" data-toggle="collapse" data-target="#collapseExample" /> <div class="collapse" id="collapseExample"> <div class="well"> Checked! </div> </div> 选中的！ 请尝试多次快速检查

我想使用引导折叠在标记复选框时显示元素

这是我的代码：

<input type="checkbox" data-toggle="collapse" data-target="#collapseExample" />
<div class="collapse" id="collapseExample">
  <div class="well">
    Checked!
  </div>
</div>


选中的！

请尝试多次快速检查该复选框，您会发现它与其目标失去同步，然后在未选中该复选框时显示目标。 我认为这与塌陷过渡有关，但也消除了塌陷过渡这一错误

如何通过html属性使用引导折叠来避免这种情况

您应该以编程方式进行折叠，对于输入标记，使用
onchange
事件获得准确的结果。以下是解决方案

您应该以编程方式进行折叠，对于输入标记，使用
onchange
事件来获得准确的结果。这是解决办法