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 相关文章推荐
两个SUBMIT按钮,如何区分处理
Aug 22 Javascript
javascript鼠标滑动评分控件完整实例
May 13 Javascript
JavaScript的removeChild()函数用法详解
Dec 27 Javascript
基于百度地图实现产品销售的单位位置查看功能设计与实现
Oct 21 Javascript
vue的props实现子组件随父组件一起变化
Oct 27 Javascript
详解webpack介绍&安装&常用命令
Jun 29 Javascript
echarts学习笔记之图表自适应问题详解
Nov 22 Javascript
解决vue同一slot在组件中渲染多次的问题
Sep 06 Javascript
vue二级菜单导航点击选中事件的方法
Sep 12 Javascript
详解Vue组件之间通信的七种方式
Apr 14 Javascript
jquery实现拖拽添加元素功能
Dec 01 jQuery
代码解析React中setState同步和异步问题
Jun 03 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
如何解决CI框架的Disallowed Key Characters错误提示
2013/07/05 PHP
php 批量查询搜狗sogou代码分享
2015/05/17 PHP
PHP数组操作实例分析【添加,删除,计算,反转,排序,查找等】
2016/12/24 PHP
PHP封装的非对称加密RSA算法示例
2018/05/28 PHP
jQuery 选择器、DOM操作、事件、动画
2010/11/25 Javascript
JavaScript调用客户端的可执行文件(示例代码)
2013/11/28 Javascript
JS计算网页停留时间代码
2014/04/28 Javascript
jQuery垂直多级导航菜单代码分享
2015/08/18 Javascript
jQuery模拟select实现下拉菜单功能
2016/06/20 Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
2017/09/19 Javascript
Vue框架里使用Swiper的方法示例
2018/09/20 Javascript
js canvas实现二维码和图片合成的海报
2020/11/19 Javascript
原生js实现获取form表单数据代码实例
2019/03/27 Javascript
Vue Router的手写实现方法实现
2020/03/02 Javascript
vue 解决addRoutes多次添加路由重复的操作
2020/08/04 Javascript
Vue 修改网站图标的方法
2020/12/31 Vue.js
python中map、any、all函数用法分析
2015/04/21 Python
使用httplib模块来制作Python下HTTP客户端的方法
2015/06/19 Python
详解python的几种标准输出重定向方式
2016/08/15 Python
Python生成器以及应用实例解析
2018/02/08 Python
完美解决Pycharm无法导入包的问题 Unresolved reference
2018/05/18 Python
Python使用分布式锁的代码演示示例
2018/07/30 Python
python实现图像检索的三种(直方图/OpenCV/哈希法)
2019/08/08 Python
python字典的遍历3种方法详解
2019/08/10 Python
python数组循环处理方法
2019/08/26 Python
解决python彩色螺旋线绘制引发的问题
2019/11/23 Python
Windows 下更改 jupyterlab 默认启动位置的教程详解
2020/05/18 Python
Python爬虫JSON及JSONPath运行原理详解
2020/06/04 Python
python支持多继承吗
2020/06/19 Python
解决Python安装cryptography报错问题
2020/09/03 Python
同学聚会策划方案
2014/06/06 职场文书
房屋产权证明书
2015/06/19 职场文书
企业安全隐患排查治理制度
2015/08/05 职场文书
《日月潭》教学反思
2016/02/20 职场文书
2016年国庆节67周年活动总结
2016/04/01 职场文书
python opencv将多个图放在一个窗口的实例详解
2022/02/28 Python