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


Posted in Javascript onJanuary 04, 2017

方法与实现

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 模态框实现刷新网页并关闭功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jQuery EasyUI NumberBox(数字框)的用法
Jul 08 Javascript
JS小功能(button选择颜色)简单实例
Nov 29 Javascript
Google Maps API地图应用示例分享
Oct 23 Javascript
js实现多选项切换导航菜单的方法
Feb 06 Javascript
Javascript节点关系实例分析
May 15 Javascript
基于JavaScript实现百叶窗动画效果不只单纯flas可以实现
Feb 29 Javascript
vue 2.0组件与v-model详解
Mar 27 Javascript
js 获取今天以及过去日期
Apr 11 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
Dec 15 Javascript
微信小程序实现倒计时补零功能
Jul 09 Javascript
springMvc 前端用json的方式向后台传递对象数组方法
Aug 07 Javascript
webpack 开发和生产并行设置的方法
Nov 08 Javascript
AngularJS框架的ng-app指令与自动加载实现方法分析
Jan 04 #Javascript
微信小程序 解决请求服务器手机预览请求不到数据的方法
Jan 04 #Javascript
通过sails和阿里大于实现短信验证
Jan 04 #Javascript
jQuery实现手机上输入后隐藏键盘功能
Jan 04 #Javascript
AngularJS控制器controller给模型数据赋初始值的方法
Jan 04 #Javascript
使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条
Jan 04 #Javascript
微信小程序 石头剪刀布实例代码
Jan 04 #Javascript
You might like
深入了解php4(2)--重访过去
2006/10/09 PHP
新手学PHP之数据库操作详解及乱码解决!
2007/01/02 PHP
PHP使用Redis替代文件存储Session的方法
2017/02/15 PHP
PHP面向对象程序设计中的self、static、parent关键字用法分析
2019/08/14 PHP
jQuery 相关控件的事件操作分解
2009/08/03 Javascript
用JS判别浏览器种类以及IE版本的几种方法小结
2011/08/02 Javascript
extjs表格文本启用选择复制功能具体实现
2013/10/11 Javascript
jQuery根据表单name获取值的方法
2016/05/24 Javascript
原生js三级联动的简单实现代码
2016/06/07 Javascript
jQuery中实现prop()函数控制多选框(全选,反选)
2016/08/19 Javascript
easyui form validate总是返回false的原因及解决方法
2016/11/07 Javascript
JS 终止执行的实现方法
2016/11/24 Javascript
浅谈JavaScript中promise的使用
2017/01/11 Javascript
使用jQuery ajaxupload插件实现无刷新上传文件
2017/04/23 jQuery
微信小程序本地缓存数据增删改查实例详解
2017/05/24 Javascript
详解vue-router 路由元信息
2017/09/13 Javascript
基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果
2018/01/09 Javascript
Angularjs实现多图片上传预览功能
2018/07/18 Javascript
bootstrap实现点击删除按钮弹出确认框的实例代码
2018/08/16 Javascript
vue store之状态管理模式的详细介绍
2019/06/13 Javascript
Layui 动态禁止select下拉的例子
2019/09/03 Javascript
layui框架与SSM前后台交互的方法
2019/09/12 Javascript
在vs code 中如何创建一个自己的 Vue 模板代码
2020/11/10 Javascript
python处理json数据中的中文
2014/03/06 Python
Python MySQLdb模块连接操作mysql数据库实例
2015/04/08 Python
新年福利来一波之Python轻松集齐五福(demo)
2020/01/20 Python
python使用python-pptx删除ppt某页实例
2020/02/14 Python
Python绘制全球疫情变化地图的实例代码
2020/04/20 Python
Django创建一个后台的基本步骤记录
2020/10/02 Python
本科毕业生自我鉴定
2013/11/02 职场文书
大学生自我鉴定
2013/12/16 职场文书
单位成立周年感言
2014/01/26 职场文书
机动车登记业务委托书
2014/10/08 职场文书
投资公司董事长岗位职责
2015/04/16 职场文书
公司辞职信模板
2015/05/13 职场文书
HTML速写之Emmet语法规则的实现
2021/04/07 HTML / CSS