頁面載入時自動啟動 Bootstrap 模態
Bootstrap 文件提供了使用 JavaScript 在頁面載入時啟動模態的解決方案。然而，對於那些不熟悉語言的人來說，實現可能具有挑戰性。
一個簡單的方法是在文件頭部分使用 jQuery load 事件。透過在此事件中包裝所需的模式，它將在頁面載入時自動顯示：
<code class="javascript">$(window).on('load', function() {
$('#myModal').modal('show');
});</code>以下是如何使用此程式碼的範例：
<code class="html"><head>
<script>
$(window).on('load', function() {
$('#myModal').modal('show');
});
</script>
</head>
<body>
<div class="modal" id="myModal">...</div>
</body></code>儘管使用了載入事件，您仍然可以使用以下HTML 在頁面內啟動模式：
<code class="html"><a class="btn" data-toggle="modal" href="#myModal">Launch Modal</a></code>
按照這些說明，使用者可以在頁面載入時自動或透過頁面內的指定連結輕鬆啟動Bootstrap 模式。
以上是如何在頁面載入時自動啟動 Bootstrap 模態？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
