關於bootstrap模態框的初始化事件
阿新 • • 發佈：2019-01-07
最近在做模態框，用的bootstrap modal .
由於開啟的時候要傳值，所以，把modal的初始繫結事件寫在了“開啟模態框事件”中。
結果，就是換了條件開啟觸發該事件的時候，始終呼叫的第一次開啟時候繫結的引數。
詳細查過之後，需要在開啟的時候，銷燬上次的初始化事件。
$('#detailModal').off().on('show','hidden.bs.modal');
事件
Bootstrap 的模態框類提供了一些事件用於監聽並執行你自己的程式碼。
All modal events are fired at the modal itself (i.e. at the <div class="modal">
| 事件型別 | 描述 |
|---|---|
| show.bs.modal |
show 方法呼叫之後立即觸發該事件。如果是通過點選某個作為觸發器的元素，則此元素可以通過事件的 relatedTarget 屬性進行訪問。 |
| shown.bs.modal |
此事件在模態框已經顯示出來（並且同時在 CSS 過渡效果完成）之後被觸發。如果是通過點選某個作為觸發器的元素，則此元素可以通過事件的 relatedTarget 屬性進行訪問。 |
| hide.bs.modal |
hide 方法呼叫之後立即觸發該事件。 |
| hidden.bs.modal | 此事件在模態框被隱藏（並且同時在 CSS 過渡效果完成）之後被觸發。 |
| loaded.bs.modal |
從遠端的資料來源載入完資料之後觸發該事件。 |
$('#myModal').on('hidden.bs.modal', function (e) {
// do something...
})//設定模態框隱藏事件鉤子
$( '#settingModal' ).on( 'hidden.bs.modal' ,function(e){
cleanInputDatas();
});
//隱藏模態框
$( '#settingModal' ).modal( 'hide' );2 如何在消除已存在鉤子事件的動作
因採用jquery.on() 方式繫結鉤子事件
所以我們要用jquery 的 .off() 方式去移除掉已經繫結事件的操作
$( '#settingModal' ).off().on( 'hidden', 'hidden.bs.modal');