Question

我有一个登录/注册模式它工作正常，但我需要在页面加载时打开模态我从here

获取了代码

我已经更改了我的代码，我需要在页面加载时打开重置密码模式。

模态代码

 <div id="cd-reset"> 
            <div class="row">
              <div class="col-md-8 col-md-offset-2 Mask2" align="center">
              </div>
            </div>
            <div class="row">
              <div class="col-md-12">

              </div>           
            </div>
          </div> 

    <script type="text/javascript">
        $(window).on('load',function(){
            $('#cd-reset').modal('show');
        });
    </script>

但它不起作用。当我加载页面时，它不显示模态/弹出窗口任何人都可以建议我该怎么做。提前谢谢。

Answer 1

理想情况下，引导模态需要某些类来给你感觉。您需要使用确切的类来获取模式弹出窗口。此外，在您的代码中没有内容（文本），因此您没有看到任何内容。代码应如下所示。

<div class="modal fade" id="myModal">
    <div class="modal-dialog">
      <div class="modal-content">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <p>Some text in the modal.</p>
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>

页面加载时没有发生Bootstrap模式

1 个答案: