溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

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

發(fā)布時間:2020-09-21 10:24:05 來源:億速云 閱讀:1112 作者:小新 欄目:web開發(fā)

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

bootstrap模態(tài)框怎么關(guān)閉?

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

相關(guān)介紹:

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

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

用法

您可以切換模態(tài)框(Modal)插件的隱藏內(nèi)容:

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

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

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

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

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI