首页 > twitter bootstrap 的 Modal,嵌套能不能实现?

twitter bootstrap 的 Modal,嵌套能不能实现?

比如一个Modal里再嵌套另一个Modal:

<!-- Button to trigger modal -->
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    Main contant

    <!-- Button to trigger modal -->
    <a href="#subModal" role="button" class="btn" data-toggle="modal">Launch sub demo modal</a>

    <!-- Sub Modal -->
    <div id="subModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Modal header</h3>
      </div>
      <div class="modal-body">
        Sub contant
      </div>
      <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
      </div>
    </div>

  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
  </div>
</div>

这样做的问题是,当点击subModal(第二个弹出的popup窗体)的关闭按钮时,主从两个popup窗体都被关掉了,有什么办法能只关闭当前的吗?


官方说不能(我记得),但是有个插件可以实现。

http://jschr.github.io/bootstrap-modal/bs3.html

【热门文章】
【热门文章】