首頁  >  文章  >  web前端  >  bootstrap模態框怎麼關閉

bootstrap模態框怎麼關閉

藏色散人
藏色散人原創
2019-07-26 11:02:184398瀏覽

bootstrap模態框怎麼關閉

bootstrap模態框怎麼關閉?

data-dismiss="modal",是一個自訂的 HTML5 data 屬性。在這裡它被用來關閉模態視窗。加上這個屬性,點選的時候可以關閉模態框。

相關介紹:

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

如果您想要單獨引用該外掛程式的功能,那麼您需要引用 modal.js。或者,如 Bootstrap 外掛程式概覽 一章所提到,您可以引用 bootstrap.js 或壓縮版的 bootstrap.min.js。

用法

您可以切換模態框(Modal)外掛程式的隱藏內容:

透過data 屬性:在控制器元素(例如按鈕或連結)上設定屬性data-toggle="modal",同時設定data-target="#identifier" 或href="#identifier" 來指定要切換的特定的模態方塊(有id="identifier")。

透過JavaScript:使用這種技術,您可以透過簡單的一行JavaScript 來呼叫帶有id="identifier" 的模態方塊:

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

相關推薦:《bootstrap教程

以上是bootstrap模態框怎麼關閉的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn