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内使用ACTIVEX控件引起崩溃问题的解决方法
Mar 31 Javascript
对 jQuery 中 data 方法的误解分析
Jun 18 Javascript
JS替换字符串中空格方法
Apr 17 Javascript
AngularJS数据源的多种获取方式汇总
Feb 02 Javascript
js中遍历对象的属性和值的方法
Jul 27 Javascript
AngularJS bootstrap启动详解及实例代码
Sep 14 Javascript
Vue过滤器的用法和自定义过滤器使用
Feb 08 Javascript
JavaScript实现QQ列表展开收缩扩展功能
Oct 30 Javascript
JavaScript的setter与getter方法
Nov 29 Javascript
JavaScript代码压缩工具UglifyJS和Google Closure Compiler的基本用法
Apr 13 Javascript
JS实现小米轮播图
Sep 21 Javascript
Vue 打包后相对路径的引用问题
Jun 05 Vue.js
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
Flash空降上海 化身大魔王接受挑战
2020/03/02 星际争霸
使用PHP模拟HTTP认证
2006/10/09 PHP
php中使用ExcelFileParser处理excel获得数据(可作批量导入到数据库使用)
2010/08/21 PHP
php不写闭合标签的好处
2014/03/04 PHP
详解php设置session(过期、失效、有效期)
2015/11/12 PHP
thinkPHP5.0框架开发规范简介
2017/03/25 PHP
jquery 表单取值常用代码
2009/12/22 Javascript
jQuery插件分享之分页插件jqPagination
2014/06/06 Javascript
jQuery实现360°全景拖动展示
2015/03/18 Javascript
jQuery移动端日期(datedropper)和时间(timedropper)选择器附源码下载
2016/04/19 Javascript
js验证真实姓名与身份证号,手机号的简单实例
2016/07/18 Javascript
使用Require.js封装原生js轮播图的实现代码
2017/06/15 Javascript
JS实现延迟隐藏功能的方法(类似QQ头像鼠标放上展示信息)
2017/12/28 Javascript
基于vue监听滚动事件实现锚点链接平滑滚动的方法
2018/01/17 Javascript
使用vue-cli创建项目的图文教程(新手入门篇)
2018/05/02 Javascript
深入Vue-Router路由嵌套理解
2018/08/13 Javascript
一步步教你利用Docker设置Node.js
2018/11/20 Javascript
vue中轮训器的使用
2019/01/27 Javascript
解决layui-open关闭自身窗口的问题
2019/09/10 Javascript
Python中条件判断语句的简单使用方法
2015/08/21 Python
python+matplotlib绘制简单的海豚(顶点和节点的操作)
2018/01/02 Python
TensorFlow实现RNN循环神经网络
2018/02/28 Python
我用Python抓取了7000 多本电子书案例详解
2019/03/25 Python
python之生产者消费者模型实现详解
2019/07/27 Python
python+selenium select下拉选择框定位处理方法
2019/08/24 Python
Tensorflow限制CPU个数实例
2020/02/06 Python
Python如何操作office实现自动化及win32com.client的运用
2020/04/01 Python
解决Python中报错TypeError: must be str, not bytes问题
2020/04/07 Python
详解python实现可视化的MD5、sha256哈希加密小工具
2020/09/14 Python
柒牌官方商城:中国男装优秀品牌
2017/06/30 全球购物
上班看电影检讨书
2014/02/12 职场文书
争先创优心得体会
2014/09/12 职场文书
导游词之无锡丝业博物馆
2019/11/12 职场文书
PHP新手指南
2021/04/01 PHP
python 如何在list中找Topk的数值和索引
2021/05/20 Python
HTML+JS实现在线朗读器
2022/02/15 Javascript