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 相关文章推荐
初识Node.js
Sep 03 Javascript
打造个性化的功能强大的Jquery虚拟键盘(VirtualKeyboard)
Oct 11 Javascript
JS 对象属性相关(检查属性、枚举属性等)
Apr 05 Javascript
JavaScript原型及原型链终极详解
Jan 04 Javascript
使用jquery获取url以及jquery获取url参数的实现方法
May 25 Javascript
Bootstrap的Refresh Icon也spin起来
Jul 13 Javascript
JS 判断某变量是否为某数组中的一个值的3种方法(总结)
Jul 10 Javascript
Vue 全局loading组件实例详解
May 29 Javascript
react 父子组件之间通讯props
Sep 08 Javascript
微信小程序开发之左右分栏效果的实例代码
May 20 Javascript
jquery实现上传图片功能
Jun 29 jQuery
简单了解JavaScript作用域
Jul 31 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 咖啡文化
Banner程序
2006/10/09 PHP
Search File Contents PHP 搜索目录文本内容的代码
2010/02/21 PHP
详解php中反射的应用
2016/03/15 PHP
php实现微信支付之企业付款
2018/05/30 PHP
js中有关IE版本检测
2012/01/04 Javascript
JavaScript 和 Java 的区别浅析
2013/07/31 Javascript
window.onresize 多次触发的解决方法
2013/11/08 Javascript
javascript中字符串的定义示例代码
2013/12/19 Javascript
Nodejs学习笔记之入门篇
2015/04/16 NodeJs
jQuery链式操作实例分析
2015/11/16 Javascript
学习Javascript闭包(Closure)知识
2016/08/07 Javascript
jquery实现网页定位导航
2016/08/23 Javascript
JavaScript 计算笛卡尔积实例详解
2016/12/02 Javascript
jQuery表格(Table)基本操作实例分析
2017/03/10 Javascript
JS触摸事件、手势事件详解
2017/05/04 Javascript
vue2.0+vuex+localStorage代办事项应用实现详解
2018/05/31 Javascript
JavaScript中import用法总结
2019/01/20 Javascript
原生js实现随机点名
2020/07/05 Javascript
python实现从字符串中找出字符1的位置以及个数的方法
2014/08/25 Python
python 调用HBase的简单实例
2016/12/18 Python
用matplotlib画等高线图详解
2017/12/14 Python
python 画出使用分类器得到的决策边界
2019/08/21 Python
python之生成多层json结构的实现
2020/02/27 Python
Jupyter notebook快速入门教程(推荐)
2020/05/18 Python
利用Python实现Excel的文件间的数据匹配功能
2020/06/16 Python
公认8个效率最高的爬虫框架
2020/07/28 Python
pyqt5 textEdit、lineEdit操作的示例代码
2020/08/12 Python
eBay加拿大站:eBay.ca
2019/06/20 全球购物
一些Solaris面试题
2015/12/22 面试题
城市轨道专业个人求职信范文
2013/09/23 职场文书
普师专业个人自荐信范文
2013/11/26 职场文书
电子商务个人职业生涯规划范文
2014/02/12 职场文书
小学生节约用水倡议书
2014/05/15 职场文书
2016年大学生党员公开承诺书
2016/03/24 职场文书
css实现左上角飘带效果的完整代码
2022/03/18 HTML / CSS