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从头学起第二讲
Jul 04 Javascript
jQuery 验证插件 Web前端设计模式(asp.net)
Oct 17 Javascript
jQuery 源码分析笔记(7) Queue
Jun 19 Javascript
js实现跟随鼠标移动且带关闭功能的图片广告实例
Feb 26 Javascript
JavaScript对象数组的排序处理方法
Oct 21 Javascript
jQuery获取与设置iframe高度的方法
Aug 01 Javascript
vue中简单弹框dialog的实现方法
Feb 26 Javascript
tsconfig.json配置详解
May 17 Javascript
vue项目前端错误收集之sentry教程详解
May 27 Javascript
如何在Node和浏览器控制台中打印彩色文字
Jan 09 Javascript
javascript单张多张图无缝滚动实例代码
May 10 Javascript
js实现抽奖功能
Nov 24 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 咖啡文化
Windows下利用Gvim写PHP产生中文乱码问题解决方法
2011/04/20 PHP
9个实用的PHP代码片段分享
2015/01/22 PHP
php字符串分割函数用法实例
2015/03/17 PHP
PHP实现的简单网络硬盘
2015/07/29 PHP
PHP封装的PDO数据库操作类实例
2017/06/21 PHP
PHP filesize函数用法浅析
2019/02/15 PHP
laravel框架邮箱认证实现方法详解
2019/11/22 PHP
JavaScript/jQuery 表单美化插件小结
2012/02/14 Javascript
解读JavaScript中 For, While与递归的用法
2013/05/07 Javascript
jQuery实现下拉框左右选择的简单实例
2014/02/22 Javascript
js实现星星打分效果的方法
2020/07/05 Javascript
js和jq使用submit方法无法提交表单的快速解决方法
2016/05/17 Javascript
javascript 常用验证函数总结
2016/06/28 Javascript
jquery 中toggle的2种用法详解(推荐)
2016/09/02 Javascript
说说AngularJS中的$parse和$eval的用法
2017/09/14 Javascript
JavaScript中set与get方法用法示例
2018/08/15 Javascript
小程序开发踩坑:页面窗口定位(相对于浏览器定位)(推荐)
2019/04/25 Javascript
详解小程序如何改变onLoad的执行时机
2019/11/01 Javascript
解决vue更新路由router-view复用组件内容不刷新的问题
2019/11/04 Javascript
小程序实现上传视频功能
2020/08/18 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
2020/08/25 Javascript
python实现NB-IoT模块远程控制
2018/06/20 Python
Python装饰器基础概念与用法详解
2018/12/22 Python
pandas DataFrame索引行列的实现
2019/06/04 Python
python用分数表示矩阵的方法实例
2021/01/11 Python
详解css3 mask遮罩实现一些特效
2018/10/24 HTML / CSS
HTML5 Canvas 起步(1) - 基本概念
2009/05/12 HTML / CSS
事业单位接收函
2014/01/10 职场文书
授权委托书样本
2014/04/03 职场文书
庆祝国庆节标语
2014/10/09 职场文书
干部作风建设个人剖析材料
2014/10/11 职场文书
建议书格式
2015/02/04 职场文书
幼儿园小班教师个人工作总结
2015/02/06 职场文书
乡镇法制宣传日活动总结
2015/05/05 职场文书
用CSS3画一个爱心
2021/04/27 HTML / CSS