BootStrap 模态框实现刷新网页并关闭功能

原创 2017-01-14 14:27:00 3372
摘要:这篇文章主要介绍了BootStrap 模态框实现刷新网页并关闭的功能,实现方法简单易懂,需要的朋友可以参考下方法与实现hide.bs.modal,当调用 hide 实例方法时触发。  $('#identifier').on('hide.bs.modal', function () {  //&nb

这篇文章主要介绍了BootStrap 模态框实现刷新网页并关闭的功能,实现方法简单易懂,需要的朋友可以参考下

方法与实现

hide.bs.modal,当调用 hide 实例方法时触发。 
$('#identifier').on('hide.bs.modal', function () {
 // 执行一些动作...
})

hidden.bs.modal,当模态框完全对用户隐藏时触发。

$('#identifier').on('hidden.bs.modal', function () {
 // 执行一些动作...
})

源码示例

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

PS:BootStrap 模态框禁用空白处点击关闭

模态框为信息编辑窗口,涉及好多内容,填了半天,若一不小心点了空白处.....

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

backdrop:static时,空白处不关闭.

keyboard:false时,esc键盘不关闭.

上述代码用以打开模态框

 更多关于BootStrap 模态框实现刷新网页并关闭功能请关注PHP中文网(www.php.cn)其他文章!

发布手记

热门词条