Modal in modal - 关闭按钮关闭两个模态

Question

我使用这段代码，在模态中创建一个模态 http://jsfiddle.net/4w34e4q6/

打开第一个模式

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

它在第二个模态中带有一个关闭按钮，它应该只关闭那个模态而不是第一个，但是它关闭了两个模态。

有什么我需要添加到此代码或 js 中的吗？

谢谢！

Answer 1

这可能是有意为之的行为，但是要绕过它，您可以尝试：

data-dismiss="two"

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

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

或类似

Modal in modal - 关闭按钮关闭两个模态

Modal in modal - close button closes both modals

twitter-bootstrap

bootstrap-modal