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 相关文章推荐
ExtJS GTGrid 简单用户管理
Jul 01 Javascript
HTTP 304错误的详细讲解
Nov 13 Javascript
JQuery与Ajax调用新浪API获取短网址的代码
Feb 07 Javascript
JQuery实现动态添加删除评论的方法
May 18 Javascript
jquery html动态添加的元素绑定事件详解
May 24 Javascript
jQuery判断自定义属性data-val用法示例
Jan 07 jQuery
Vue 后台管理类项目兼容IE9+的方法示例
Feb 20 Javascript
微信小程序实现消息框弹出动画
Apr 18 Javascript
javascript面向对象三大特征之继承实例详解
Jul 24 Javascript
vue-devtools的安装和使用步骤详解
Oct 17 Javascript
JavaScript多种滤镜算法实现代码实例
Dec 10 Javascript
使用PDF.js渲染canvas实现预览pdf的效果示例
Apr 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将对象转换成数组的方法(兼容多维数组类型)
2013/06/21 PHP
Thinkphp 框架基础之入口文件功能、定义与用法分析
2020/04/27 PHP
为数据添加append,remove功能
2006/10/03 Javascript
网站繁简切换的JS遇到页面卡死的解决方法
2014/03/12 Javascript
JS实现定时自动关闭DIV层提示框的方法
2015/05/11 Javascript
JavaScript实现简洁的俄罗斯方块完整实例
2016/03/01 Javascript
AngularJS包括详解及示例代码
2016/08/17 Javascript
微信小程序 欢迎界面开发的实例详解
2016/11/30 Javascript
微信小程序图片宽100%显示并且不变形
2017/06/21 Javascript
解决betterScroll在vue中存在图片时,出现拉不动的问题
2018/09/27 Javascript
微信小程序之左右布局的实现代码
2019/12/13 Javascript
three.js 将图片马赛克化的示例代码
2020/07/31 Javascript
vue的hash值原理也是table切换实例代码
2020/12/14 Vue.js
Python Paramiko模块的安装与使用详解
2016/11/18 Python
Python中防止sql注入的方法详解
2017/02/25 Python
python 用opencv调用训练好的模型进行识别的方法
2018/12/07 Python
Python实现查找二叉搜索树第k大的节点功能示例
2019/01/24 Python
Python一个简单的通信程序(客户端 服务器)
2019/03/06 Python
使用Python实现跳帧截取视频帧
2019/05/31 Python
Python整数对象实现原理详解
2019/07/01 Python
python 使用while写猜年龄小游戏过程解析
2019/10/07 Python
Python关于反射的实例代码分享
2020/02/20 Python
什么是Python中的匿名函数
2020/06/02 Python
Ubuntu16安装Python3.9的实现步骤
2020/12/15 Python
使用CSS3制作版头动画效果
2020/12/24 HTML / CSS
美国家具网站:Cymax
2016/09/17 全球购物
数据员岗位职责
2013/11/19 职场文书
初中体育教学反思
2014/01/14 职场文书
幼儿园保育员责任书
2014/07/22 职场文书
幼儿园大班教师个人工作总结
2015/02/05 职场文书
2015年度考核个人工作总结
2015/10/24 职场文书
青年文明号创建口号大全
2015/12/25 职场文书
2019秋季运动会口号
2019/06/25 职场文书
使用pytorch实现线性回归
2021/04/11 Python
Java Kafka 消费积压监控的示例代码
2021/07/01 Java/Android
Python实现查询剪贴板自动匹配信息的思路详解
2021/07/09 Python