摘要：這篇文章主要介紹了BootStrap 模態(tài)框實現刷新網頁并關閉的功能，實現方法簡單易懂,需要的朋友可以參考下方法與實現hide.bs.modal，當調用 hide 實例方法時觸發(fā)。  $('#identifier').on('hide.bs.modal', function () {  //&nb

這篇文章主要介紹了BootStrap 模態(tài)框實現刷新網頁并關閉的功能，實現方法簡單易懂,需要的朋友可以參考下

方法與實現

hide.bs.modal，當調用 hide 實例方法時觸發(fā)。 
$('#identifier').on('hide.bs.modal', function () {
 // 執(zhí)行一些動作...
})

hidden.bs.modal，當模態(tài)框完全對用戶隱藏時觸發(fā)。

$('#identifier').on('hidden.bs.modal', function () {
 // 執(zhí)行一些動作...
})

源碼示例

$('#confirmRevokeOrder').on('hidden.bs.modal',function(){
  var urla ='/service/csOrderHistoryAction_csOrderHistoryListTo.action';
  openNewTab({
    url: urla,
    tabName: '預訂跟蹤',
    callback: function () {
    }
  });
});
$('#confirmRevokeOrder').modal('hidden');

PS:BootStrap 模態(tài)框禁用空白處點擊關閉

模態(tài)框為信息編輯窗口,涉及好多內容,填了半天,若一不小心點了空白處.....

$('#myModal').modal({backdrop: 'static', keyboard: false});

backdrop:static時,空白處不關閉.

keyboard:false時,esc鍵盤不關閉.

上述代碼用以打開模態(tài)框

 更多關于BootStrap 模態(tài)框實現刷新網頁并關閉功能請關注PHP中文網（ipnx.cn）其他文章！