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 相关文章推荐
可输入的下拉框
Jun 19 Javascript
详解强大的jQuery选择器之基本选择器、层次选择器
Feb 07 Javascript
javascript为下拉列表动态添加数据项
May 23 Javascript
纯JS实现旋转图片3D展示效果
Apr 12 Javascript
js实现新浪微博首页效果
Oct 16 Javascript
js滚轮事件兼容性问题需要注意哪些
Nov 15 Javascript
AngularJS Toaster使用详解
Feb 24 Javascript
Bootstrap免费字体和图标网站(值得收藏)
Mar 16 Javascript
微信小程序开发之实现自定义Toast弹框
Jun 08 Javascript
vue中使用better-scroll实现滑动效果及注意事项
Nov 15 Javascript
node实现mock-plugin中间件的方法
Dec 25 Javascript
vue修改Element的el-table样式的4种方法
Sep 17 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中对数据库操作的封装
2006/10/09 PHP
PHP查询网站的PR值
2013/10/30 PHP
实例讲解php数据访问
2016/05/09 PHP
php reset() 函数指针指向数组中的第一个元素并输出实例代码
2016/11/21 PHP
PHP将身份证正反面两张照片合成一张图片的代码
2017/04/08 PHP
jquery的ajax从纯真网(cz88.net)获取IP地址对应地区名
2009/12/02 Javascript
JavaScript中为元素加上name属性的方法
2011/05/09 Javascript
js setTimeout()函数介绍及应用以倒计时为例
2013/12/12 Javascript
jQuery 过滤方法filter()选择具有特殊属性的元素
2014/06/15 Javascript
浅谈Sizzle的“编译原理”
2015/04/14 Javascript
Jquery实现动态切换图片的方法
2015/05/18 Javascript
jQuery Validate表单验证插件 添加class属性形式的校验
2016/01/18 Javascript
Vue 2.x教程之基础API
2017/03/06 Javascript
jquery实现倒计时小应用
2017/09/19 jQuery
浅谈React中组件间抽象
2018/01/27 Javascript
nuxt.js中间件实现拦截权限判断的方法
2018/11/21 Javascript
vue中对象数组去重的实现
2020/02/06 Javascript
[01:10]DOTA2次级职业联赛 - EP战队宣传片
2014/12/01 DOTA
[51:15]完美世界DOTA2联赛PWL S2 PXG vs Magma 第一场 11.21
2020/11/24 DOTA
[01:16:12]完美世界DOTA2联赛PWL S2 FTD vs Inki 第一场 11.21
2020/11/23 DOTA
Python定时执行之Timer用法示例
2015/05/27 Python
python退出命令是什么?详解python退出方法
2018/12/10 Python
python中eval与int的区别浅析
2019/08/11 Python
浅析Python语言自带的数据结构有哪些
2019/08/27 Python
Python文本处理简单易懂方法解析
2019/12/19 Python
初学者学习Python好还是Java好
2020/05/26 Python
使用python求斐波那契数列中第n个数的值示例代码
2020/07/26 Python
html5 canvas绘制网络字体的常用方法
2019/08/26 HTML / CSS
Vilebrequin欧洲官网:法国豪华泳装品牌(男士沙滩裤)
2018/04/14 全球购物
澳大利亚最便宜的网上药房:Chemist Warehouse
2020/01/30 全球购物
优秀应届本科生求职信
2014/07/19 职场文书
2014年移动公司工作总结
2014/12/08 职场文书
2015年教师节演讲稿范文
2015/03/19 职场文书
三八节祝酒词
2015/08/11 职场文书
浅谈JS的二进制家族
2021/05/09 Javascript
Python一行代码实现自动发邮件功能
2021/05/30 Python