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

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

Patricia Arquette
發布: 2024-11-17 08:28:03
原創
429 人瀏覽過

How to Open a Bootstrap Modal Window with jQuery?

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

Twitter Bootstrap提供了幾個可以在模態上手動調用的函數windows:

  • $('#myModal').modal('toggle'): 在可見和隱藏之間切換模態視窗。
  • $('#myModal').modal ('show'): 顯示模態視窗。
  • $('#myModal').modal('hide'):隱藏模態視窗。

要以程式方式開啟模態窗口,請使用 $('#myModal').modal('show') 方法而不是 $('#my-modal')。 modal({ show: 'false' }).

自訂彈出視窗

如果您想建立自訂彈出窗口,請考慮使用以下影片教學:

[https://www.youtube. com/watch?v=zK4nXa84Km4](https://www.youtube.com/watch?v=zK4nXa84Km4)

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板