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

創(chuàng)新互聯(lián)專(zhuān)注于改則網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供改則營(yíng)銷(xiāo)型網(wǎng)站建設(shè)，改則網(wǎng)站制作、改則網(wǎng)頁(yè)設(shè)計(jì)、改則網(wǎng)站官網(wǎng)定制、微信小程序服務(wù)，打造改則網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供改則網(wǎng)站排名全網(wǎng)營(yíng)銷(xiāo)落地服務(wù)。

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

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

相關(guān)介紹：

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

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

用法

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

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

通過(guò) JavaScript：使用這種技術(shù)，您可以通過(guò)簡(jiǎn)單的一行 JavaScript 來(lái)調(diào)用帶有 id="identifier" 的模態(tài)框：

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

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