Question

我正在尝试使用Bootstrap 4中的最新框架开发一个订阅弹出模式框。但是，我不希望我的客户端点击按钮进行订阅，我希望订阅框在页面加载后立即弹出。经过大量的教程，每个教程都失败了。有谁知道怎么解决这个问题？

   <div id="myModal" class="modal fade" role="dialog">
 <div class="modal-dialog">
   <!-- Modal content-->
   <div class="modal-content">
     <div class="modal-header">
       <button type="button" class="close" data-dismiss="modal">&times;</button>
       <h4 class="modal-title">Modal Header</h4>
     </div>
     <div class="modal-body">
       <p>Some text in the modal.</p>
     </div>
     <div class="modal-footer">
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
     </div>
   </div>

 </div>

<script>
$(window).load(function(){
 $('#myModal').modal('show');
 });
  </script>

Answer 1

有时在调用函数时不会加载元素。尝试在

之类的超时中使用它

setTimeout(()=>{
    $('#myModal').modal('show');
}, 5000)

如果有效 - ＆gt;找到一个更好的解决方案，以确定是否已加载组件

如果不工作 - ＆gt;控制台是否说了些什么？尝试进行调试，看看$（＆＃39; myModal＆＃39;）是否会返回该元素，如果＆＃34; .modal＆＃34;是定义。

Answer 2

您的模态缺少结束</div>。另外，请确保在jquery之前包含bootstrap.js。

https://www.codeply.com/go/gMtlZbdyHi

在页面加载时启动Bootstrap 4v6模式？

2 个答案: