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与CSS复习(三)
Jun 29 Javascript
JavaScript实现的日期控件具体代码
Nov 18 Javascript
JS判断、校验MAC地址的2个实例
May 05 Javascript
使用JS实现jQuery的addClass, removeClass, hasClass函数功能
Oct 31 Javascript
JS控制网页动态生成任意行列数表格的方法
Mar 09 Javascript
JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例
Jan 26 Javascript
超实用的JavaScript表单代码段
Feb 26 Javascript
jquery trigger函数执行两次的解决方法
Feb 29 Javascript
JavaScript中创建对象的模式汇总
Apr 19 Javascript
js return返回多个值,通过对象的属性访问方法
Feb 21 Javascript
JS匿名函数和匿名自执行函数概念与用法分析
Mar 16 Javascript
javascript使用canvas实现饼状图效果
Sep 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
介绍一些PHP判断变量的函数
2012/04/24 PHP
php将gd生成的图片缓存到memcache的小例子
2013/06/05 PHP
windows下安装php的memcache模块的方法
2015/04/07 PHP
php微信开发之上传临时素材
2016/06/24 PHP
PHP长连接实现与使用方法详解
2018/02/11 PHP
javascript 框架小结 个人工作经验
2009/06/13 Javascript
JavaScript 创建对象
2009/07/17 Javascript
javascript学习(一)构建自己的JS库
2013/01/02 Javascript
使用apply方法实现javascript中的对象继承
2013/12/16 Javascript
Jquery的基本对象转换和文档加载用法实例
2015/02/25 Javascript
js拆分字符串并将分割的数据放到数组中的方法
2015/05/06 Javascript
AngularJS优雅的自定义指令
2016/07/01 Javascript
原生js仿jquery一些常用方法(必看篇)
2016/09/20 Javascript
原生js编写2048小游戏
2017/03/17 Javascript
详解AngularJs路由之Ui-router-resolve(预加载)
2017/06/13 Javascript
javascript 跨域问题以及解决办法
2017/07/17 Javascript
微信小程序图片右边加两行文字的代码
2020/04/23 Javascript
[01:04:14]OG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python实现从百度API获取天气的方法
2015/03/11 Python
深入探究Python中变量的拷贝和作用域问题
2015/05/05 Python
Python实现简易端口扫描器代码实例
2017/03/15 Python
Python 3.7新功能之dataclass装饰器详解
2018/04/21 Python
基于python神经卷积网络的人脸识别
2018/05/24 Python
在python中实现将一张图片剪切成四份的方法
2018/12/05 Python
基于Python实现ComicReaper漫画自动爬取脚本过程解析
2019/11/11 Python
Python定义函数实现累计求和操作
2020/05/03 Python
python 读取、写入txt文件的示例
2020/09/27 Python
python 还原梯度下降算法实现一维线性回归
2020/10/22 Python
师范大学应届生求职信
2013/11/21 职场文书
材料会计岗位职责
2014/03/06 职场文书
党的群众路线教育实践活动查摆剖析材料
2014/10/10 职场文书
英语导游词
2015/02/13 职场文书
转学证明范本
2015/06/19 职场文书
四年级作文之说明文作文
2019/10/14 职场文书
JAVA SpringMVC实现自定义拦截器
2022/03/16 Python
spring IOC容器的Bean管理XML自动装配过程
2022/05/30 Java/Android