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 相关文章推荐
常用简易JavaScript函数
Apr 09 Javascript
javascript 操作文件 实现方法小结
Jul 02 Javascript
jquery.cookie() 方法的使用(读取、写入、删除)
Dec 05 Javascript
B/S模式项目中常用的javascript汇总
Dec 17 Javascript
js实例属性和原型属性示例详解
Nov 23 Javascript
javascript获取当前鼠标坐标的方法
Jan 10 Javascript
理解javascript封装
Feb 23 Javascript
JavaScript知识点总结(十)之this关键字
May 31 Javascript
基于JS如何实现给字符加千分符(65,541,694,158)
Aug 03 Javascript
js 模仿锚点定位的实现方法
Nov 19 Javascript
jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
Feb 14 Javascript
VueJS如何引入css或者less文件的一些坑
Apr 25 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
风味层面去分析咖啡油脂
2021/03/03 咖啡文化
收藏的一个php小偷的核心程序
2007/04/09 PHP
Smarty分页实现方法完整实例
2016/05/11 PHP
YII框架实现自定义第三方扩展操作示例
2019/04/26 PHP
php探针不显示内存解决方法
2019/09/17 PHP
浅析PHP中的 inet_pton 网络函数
2019/12/16 PHP
老鱼 浅谈javascript面向对象编程
2010/03/04 Javascript
比Jquery的document.ready更快的方法
2010/04/28 Javascript
jquery键盘事件使用介绍
2011/11/01 Javascript
.net,js捕捉文本框回车键事件的小例子(兼容多浏览器)
2013/03/11 Javascript
给超链接添加特效鼠标移动展示提示信息且随鼠标移动
2013/10/17 Javascript
js在数组中删除重复的元素自保留一个(两种实现思路)
2014/08/22 Javascript
JS实现控制表格内指定单元格内容对齐的方法
2015/03/30 Javascript
JavaScript实现为input与textarea自定义hover,focus效果的方法
2015/08/21 Javascript
实例代码讲解jquery easyui动态tab页
2015/11/17 Javascript
jQuery的内容过滤选择器学习教程
2016/04/18 Javascript
AngularJS 遇到的小坑与技巧小结
2016/06/07 Javascript
jQuery自定义多选下拉框效果
2017/06/19 jQuery
深入探究angular2 UI组件之primeNG用法
2017/07/26 Javascript
vue toggle做一个点击切换class(实例讲解)
2018/03/13 Javascript
JavaScript 隐性类型转换步骤浅析
2018/03/15 Javascript
原生js封装的ajax方法示例
2018/08/02 Javascript
[00:18]天涯墨客三技能展示
2018/08/25 DOTA
[54:10]完美世界DOTA2联赛PWL S2 Magma vs FTD 第二场 11.29
2020/12/03 DOTA
Python实现简单网页图片抓取完整代码实例
2017/12/15 Python
利用Python如何批量修改数据库执行Sql文件
2018/07/29 Python
flask框架jinja2模板与模板继承实例分析
2019/08/01 Python
python银行系统实现源码
2019/10/25 Python
Django restframework 框架认证、权限、限流用法示例
2019/12/21 Python
使用jupyter notebook将文件保存为Markdown,HTML等文件格式
2020/04/14 Python
python 获取谷歌浏览器保存的密码
2021/01/06 Python
韩都衣舍天猫官方旗舰店:天猫女装销售总冠军
2017/10/10 全球购物
Snapfish爱尔兰:在线照片打印和个性化照片礼品
2018/09/17 全球购物
机票销售员态度不好检讨书
2014/09/27 职场文书
单位收入证明范本
2015/06/18 职场文书
SQL Server中交叉联接的用法详解
2021/04/22 SQL Server