在頁面加載時啓動Bootstrap 4v6 Modal？

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

您的模態缺失結束</div>。還請確保您在bootstrap.js之前包括jquery。

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

Answer 2

有時當被調用的函數的元素是不能加載。 嘗試使用它在超時像

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

如果工作 - >查找一個更好的解決方案，以找出是否組件已經加載

如果不工作 - >是否控制檯說些什麼？嘗試調試並查看$（'myModal'）是否返回元素並定義了「.modal」。