Javascript 引导3子模态？

我已经看到一个工作的twitter引导子模式插件适用于较旧版本的引导，但它似乎还没有被作者更新到v3

我确实更改了标记以与v3保持一致，但CSS/JS似乎需要一些额外的“黑客”。有没有人找到了一个解决这个问题的方法，或者其他一些插件，允许他们共享这个功能？非常感谢

github

小提琴：

您确定要关闭您的帐户吗？
您将无法撤消此操作

电子邮件
密码
取消
结帐

如果不嵌套模态和子模态的html结构，则似乎不需要任何其他代码。例如：

启动演示模式
&时代；
情态标题
启动演示模式
接近
保存更改
&时代；
情态标题
接近
保存更改

如果不嵌套模态和子模态的html结构，则似乎不需要任何其他代码。例如：

启动演示模式
&时代；
情态标题
启动演示模式
接近
保存更改
&时代；
情态标题
接近
保存更改

我是作者。引导子模式现在仅适用于3.x版本的引导。希望您喜欢使用它，抱歉，这是一个迟到的反应

我是作者。引导子模式现在仅适用于3.x版本的引导。希望您喜欢使用它，抱歉，这是一个迟到的反应

我用它来控制modal的“z-index”和body的“modal open”类

注意：不要在模式中添加子模式html代码

$->
$（'.modal'）。在“show.bs.modal”上，->
$（'.modal.in'）.css（'zIndex'，0）
$（'.modal'）。在“hidden.bs.modal”上，显示->
$（'.modal.in'）.css（'zIndex'，''）
设置超时（->
如果$（'.modal.in'）.length
//它似乎会删除'hidden.bs.modal'之后的模式打开，所以添加一个setTimeout
$（'body'）.addClass（'modal-open'））
)，500

我用它来控制modal的“z-index”和body的“modal open”类

注意：不要在模式中添加子模式html代码

$->
$（'.modal'）。在“show.bs.modal”上，->
$（'.modal.in'）.css（'zIndex'，0）
$（'.modal'）。在“hidden.bs.modal”上，显示->
$（'.modal.in'）.css（'zIndex'，''）
设置超时（->
如果$（'.modal.in'）.length
//它似乎会删除'hidden.bs.modal'之后的模式打开，所以添加一个setTimeout
$（'body'）.addClass（'modal-open'））
)，500

哇，这解决了我的问题。我一直将它嵌套在父模式中，它正在破坏它！谢谢@Basswow这解决了我的问题。我一直将它嵌套在父模式中，它正在破坏它！谢谢@Bass

<!-- Sub-Modal -->
<div id="mySubModal" class="modal sub-modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-body">
        <p class="center">Are you sure you want to close your account?<br />You won't be able to undo this.</p>
        <hr />
        <form class="form-horizontal" role="form">
          <div class="form-group">
            <label for="inputEmail1" class="col-lg-2 control-label">Email</label>
            <div class="col-lg-10">
              <input type="email" class="form-control" id="inputEmail1" placeholder="Email">
            </div>
          </div>
          <div class="form-group">
            <label for="inputPassword1" class="col-lg-2 control-label">Password</label>
            <div class="col-lg-10">
              <input type="password" class="form-control" id="inputPassword1" placeholder="Password">
            </div>
          </div>
        </form>             
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" data-dismiss="submodal" aria-hidden="true">Cancel</button>
        <button class="btn btn-danger" data-dismiss="submodal">Close Account</button>
    </div>
</div>

<div class="container">
<div class="row">
<!-- Button trigger modal -->
  <a data-toggle="modal" data-target="#myModal" class="btn btn-primary btn-lg">Launch demo modal</a>
</div>
</div>
  <!-- Modal -->
  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">Modal title</h4>
        </div>
        <div class="modal-body">

<a data-toggle="modal" data-target="#mysubModal" class="btn btn-primary btn-lg">Launch demo modal</a>






        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary">Save changes</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->

 <div class="modal fade" id="mysubModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">Modal title</h4>
        </div>
        <div class="modal-body">

        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary">Save changes</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->