Bootstrap 的模態框類提供了一些事件用於監聽並執行你自己的程式碼。
事件型別 描述
show.bs.modal show 方法呼叫之後立即觸發該事件。如果是透過點選某個作為觸發器的 元素,則此元素可以透過事件的relatedTarget 屬性進行訪問。
shown.bs.modal 此事件在模態框已經顯示出來(並且同時在 CSS 過渡效果完成)之後被觸 發。如果是透過點選某個作為觸發器的元素,則此元素可以透過事件 的 relatedTarget 屬性進行訪問。
hide.bs.modal hide 方法呼叫之後立即觸發該事件。
hidden.bs.modal 此事件在模態框被隱藏(並且同時在 CSS 過渡效果完成)之後被觸發。
loaded.bs.modal 從遠端的資料來源載入完資料之後觸發該事件。
JS程式碼:
$("#myModal").on("hidden.bs.modal", function (e) {
// do something...
})
Bootstrap 的模態框類提供了一些事件用於監聽並執行你自己的程式碼。
事件型別 描述
show.bs.modal show 方法呼叫之後立即觸發該事件。如果是透過點選某個作為觸發器的 元素,則此元素可以透過事件的relatedTarget 屬性進行訪問。
shown.bs.modal 此事件在模態框已經顯示出來(並且同時在 CSS 過渡效果完成)之後被觸 發。如果是透過點選某個作為觸發器的元素,則此元素可以透過事件 的 relatedTarget 屬性進行訪問。
hide.bs.modal hide 方法呼叫之後立即觸發該事件。
hidden.bs.modal 此事件在模態框被隱藏(並且同時在 CSS 過渡效果完成)之後被觸發。
loaded.bs.modal 從遠端的資料來源載入完資料之後觸發該事件。
JS程式碼:
$("#myModal").on("hidden.bs.modal", function (e) {
// do something...
})