您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關(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é)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發(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)容。