首頁 >web前端 >js教程 >如何使用 jQuery 開啟 Bootstrap 模態視窗?

如何使用 jQuery 開啟 Bootstrap 模態視窗?

Linda Hamilton
Linda Hamilton原創
2024-11-14 17:04:02780瀏覽

How to Open a Bootstrap Modal Window Using jQuery?

使用 jQuery 開啟 Bootstrap 模態視窗

在 Bootstrap 中,您可以使用特定函數手動操作模態視窗。

函數呼叫範例:

$('#myModal').modal('toggle'); // Toggle visibility
$('#myModal').modal('show'); // Show modal
$('#myModal').modal('hide'); // Hide modal

具體問題解決:

在您提供的程式碼中,需要進行以下修改:

替換:

$('#my-modal').modal({
    show: 'false'
}); 

包含:

$('#myModal').modal('show'); 

其他資訊:

  • 其他資訊:
其他資訊:其他資訊:其他資訊:有關更多詳細信息,請參閱Bootstrap 的模態組件文檔,特別是方法部分。 對於自訂彈出解決方案,您可以考慮 https://www.youtube.com/watch?v=zK4nXa84Km4 上的影片教學。

以上是如何使用 jQuery 開啟 Bootstrap 模態視窗?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn