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 相关文章推荐
兼容FireFox 的 js 日历 支持时间的获取
Mar 04 Javascript
jQuery 1.5最新版本的改进细节分析
Jan 19 Javascript
javascript 弹出窗口中是否显示地址栏的实现代码
Apr 14 Javascript
jquery实现未经美化的简洁TAB菜单效果
Aug 28 Javascript
JavaScript 七大技巧(二)
Dec 13 Javascript
微信小程序 教程之wxapp视图容器 swiper
Oct 19 Javascript
jQuery内存泄露解决办法
Dec 13 Javascript
Bootstrap模态窗口源码解析
Feb 08 Javascript
js实现日历与定时器
Feb 22 Javascript
Swiper 4.x 使用方法(移动端网站的内容触摸滑动)
May 17 Javascript
详解微信小程序自定义组件的实现及数据交互
Jul 22 Javascript
vue根据条件不同显示不同按钮的操作
Aug 04 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数据分析引擎计算余弦相似度算法示例
2017/08/08 PHP
ThinkPHP框架实现定时执行任务的两种方法分析
2018/09/04 PHP
PHP中数组转换为SimpleXML教程
2019/01/27 PHP
ExtJs之带图片的下拉列表框插件
2010/03/04 Javascript
JavaScript之引用类型介绍
2012/08/10 Javascript
javascript客户端遍历控件与获取父容器对象示例代码
2014/01/06 Javascript
javascript与css3动画结合使用小结
2015/03/11 Javascript
javascript图片预览和上传(兼容IE)
2017/03/15 Javascript
Vue.js教程之axios与网络传输的学习实践
2017/04/29 Javascript
JS实现的随机排序功能算法示例
2017/06/09 Javascript
详解vue跨组件通信的几种方法
2017/06/15 Javascript
Vuex实现计数器以及列表展示效果
2018/03/10 Javascript
this在vue和小程序中的使用详解
2019/01/28 Javascript
JS严格模式原理与用法实例分析
2020/04/27 Javascript
[01:54]TI珍贵瞬间系列(三):翻盘
2020/08/28 DOTA
python的类方法和静态方法
2014/12/13 Python
使用PyQtGraph绘制精美的股票行情K线图的示例代码
2019/03/14 Python
使用django的ORM框架按月统计近一年内的数据方法
2019/07/18 Python
Python openpyxl读取单元格字体颜色过程解析
2019/09/03 Python
解决python web项目意外关闭,但占用端口的问题
2019/12/17 Python
在python下实现word2vec词向量训练与加载实例
2020/06/09 Python
Python Request类源码实现方法及原理解析
2020/08/17 Python
python 贪心算法的实现
2020/09/18 Python
python删除文件、清空目录的实现方法
2020/09/23 Python
Python偏函数实现原理及应用
2020/11/20 Python
英国家庭珠宝商:T. H. Baker
2018/02/08 全球购物
软件测试工程师笔试题带答案
2015/03/27 面试题
银行实习人员自我鉴定
2013/09/22 职场文书
商务英语大学生职业生涯规划书范文
2014/01/01 职场文书
中医临床专业自我鉴定范文
2014/01/15 职场文书
太太口服液广告词
2014/03/20 职场文书
奥林匹克的口号
2014/06/13 职场文书
销售经理工作失职检讨书
2014/10/24 职场文书
社区六一儿童节活动总结
2015/02/11 职场文书
nginx处理http请求实现过程解析
2021/03/31 Servers
解决pycharm安装scrapy DLL load failed:找不到指定的程序的问题
2021/06/08 Python