bootstrap模態(tài)框的關閉方法

這篇文章將為大家詳細講解有關bootstrap模態(tài)框的關閉方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯專注于改則網站建設服務及定制，我們擁有豐富的企業(yè)做網站經驗。 熱誠為您提供改則營銷型網站建設，改則網站制作、改則網頁設計、改則網站官網定制、微信小程序服務，打造改則網絡公司原創(chuàng)品牌,更為您提供改則網站排名全網營銷落地服務。

bootstrap模態(tài)框怎么關閉？

data-dismiss="modal"，是一個自定義的 HTML5 data 屬性。在這里它被用于關閉模態(tài)窗口。加上這個屬性，點擊的時候可以關閉模態(tài)框。

相關介紹：

模態(tài)框（Modal）是覆蓋在父窗體上的子窗體。通常，目的是顯示來自一個單獨的源的內容，可以在不離開父窗體的情況下有一些互動。子窗體可提供信息、交互等。

如果您想要單獨引用該插件的功能，那么您需要引用 modal.js?；蛘?，正如 Bootstrap 插件概覽 一章中所提到，您可以引用 bootstrap.js 或壓縮版的 bootstrap.min.js。

用法

您可以切換模態(tài)框（Modal）插件的隱藏內容：

通過 data 屬性：在控制器元素（比如按鈕或者鏈接）上設置屬性 data-toggle="modal"，同時設置 data-target="#identifier" 或 href="#identifier" 來指定要切換的特定的模態(tài)框（帶有 id="identifier"）。

通過 JavaScript：使用這種技術，您可以通過簡單的一行 JavaScript 來調用帶有 id="identifier" 的模態(tài)框：

$('#identifier').modal(options)

關于bootstrap模態(tài)框的關閉方法就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

標題名稱：bootstrap模態(tài)框的關閉方法
網站地址：http://bm7419.com/article10/pceedo.html

成都網站建設公司_創(chuàng)新互聯，為您提供商城網站、網站建設、品牌網站設計、關鍵詞優(yōu)化、App開發(fā)、品牌網站建設

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯