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中文網其他相關文章！