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 相关文章推荐
超清晰的document对象详解
Feb 27 Javascript
jquery中的sortable排序之后的保存状态的解决方法
Jan 28 Javascript
如何获取JQUERY AJAX返回的JSON结果集实现代码
Dec 10 Javascript
JS对HTML标签select的获取、添加、删除操作
Oct 17 Javascript
JS实现alert中显示换行的方法
Dec 17 Javascript
AngularJS实现分页显示数据库信息
Jul 01 Javascript
vue如何实现observer和watcher源码解析
Mar 09 Javascript
完美解决UI-Grid表格元素中多个空格显示为一个空格的问题
Apr 25 Javascript
vue+elementUI实现表单和图片上传及验证功能示例
May 14 Javascript
原生js添加一个或多个类名的方法分析
Jul 30 Javascript
vue自定义右键菜单之全局实现
Apr 09 Vue.js
vue配置型表格基于el-table拓展之table-plus组件
Apr 12 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
PHP中使用CURL伪造来路抓取页面或文件
2011/05/04 PHP
php更新修改excel中的内容实例代码
2014/02/26 PHP
PHP实现递归目录的5种方法
2016/10/27 PHP
PHP程序员必须知道的两种日志实例分析
2020/05/14 PHP
把textarea中字符串里含有的回车换行替换成<br>的javascript代码
2007/04/20 Javascript
google 搜索框添加关键字实现代码
2010/04/24 Javascript
js获取指定日期前后的日期代码
2013/08/20 Javascript
jquery ajax,ashx,json的用法总结
2014/02/12 Javascript
javascript中sort()的用法实例分析
2015/01/30 Javascript
javascript显示倒计时控制按钮的简单实现
2016/06/07 Javascript
你不需要jQuery(三) 新AJAX方法fetch()
2016/06/14 Javascript
基于HTML+CSS+JS实现增加删除修改tab导航特效代码
2016/08/05 Javascript
基于JS实现回到页面顶部的五种写法(从实现到增强)
2016/09/03 Javascript
Vuejs 2.0 子组件访问/调用父组件的方法(示例代码)
2018/02/08 Javascript
关于vue v-for循环解决img标签的src动态绑定问题
2018/09/18 Javascript
VUE 实现复制内容到剪贴板的两种方法
2019/04/24 Javascript
layui实现三级联动效果
2019/07/26 Javascript
浅谈使用nodejs搭建web服务器的过程
2020/07/20 NodeJs
python 实现网上商城,转账,存取款等功能的信用卡系统
2016/07/15 Python
对python dataframe逻辑取值的方法详解
2019/01/30 Python
python利用selenium进行浏览器爬虫
2019/04/25 Python
python-序列解包(对可迭代元素的快速取值方法)
2019/08/24 Python
浅谈python已知元素,获取元素索引(numpy,pandas)
2019/11/26 Python
Python垃圾回收机制三种实现方法
2020/04/27 Python
python 实现PIL模块在图片画线写字
2020/05/16 Python
用Python 执行cmd命令
2020/12/18 Python
Clarins娇韵诗英国官网:来自法国的天然护肤品牌
2017/04/18 全球购物
教师实习的自我鉴定
2013/10/26 职场文书
幼儿园保教管理制度
2014/02/03 职场文书
一年级小学生评语
2014/04/22 职场文书
希特勒经典演讲稿
2014/05/19 职场文书
超市促销活动总结
2014/07/01 职场文书
实习协议书
2015/01/27 职场文书
预备党员自我评价范文
2015/03/04 职场文书
爱护公物主题班会
2015/08/17 职场文书
高中生社会实践心得体会
2016/01/14 职场文书