Twitter bootstrap 模态中的模态-关闭按钮关闭两个模态

我用这段代码，在一个模态中创建一个模态

开放第一模态

<div class="modal fade" id="one">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <h4 class="modal-title">Modal title</h4>
  </div>
  <div class="modal-body">
    <p>One fine body&hellip;</p>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#two">Open second modal</button>
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
   </div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="modal fade" id="two">
  <div class="modal-dialog">
   <div class="modal-content">
    <div class="modal-header">
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <h4 class="modal-title">Modal title</h4>
  </div>
  <div class="modal-body">
    <p>One fine body&hellip;</p>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  </div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

它在第二个模态中有一个closebutton，它应该只关闭该模态而不是第一个模态，但是它同时关闭两个模态

有什么我需要添加到这个代码，或者js中的代码吗

---

谢谢

这很可能是有意为之的行为，但是为了避免这种行为，您可以尝试：

data-dismiss="two"

调用对象的ID。如果不起作用，您可能必须使用自己的js方法：

Onclick="$('#two').hide();"

---

或者类似的

在这里它看起来像预期的那样工作-我更新了你的小提琴，使用jquery和bootstrap，然后点击run，它工作得很好。提醒一下，bootstrap建议不要同时使用两个模态：不支持重叠模态：确保在另一个模态仍然可见时不要打开一个模态。一次显示多个模态需要自定义代码。