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();"

或类似的

模态模态 - 关闭按钮关闭两个模态

1 个答案: