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 相关文章推荐
javascript new 需不需要继续使用
Jul 02 Javascript
jQuery 无刷新分页实例代码
Nov 12 Javascript
JS动态添加与删除select中的Option对象(示例代码)
Dec 20 Javascript
js验证IP及子网掩码的合法性有效性示例
Apr 30 Javascript
JavaScript用Number方法实现string转int
May 13 Javascript
Angular Js文件上传之form-data
Aug 28 Javascript
学习vue.js表单控件绑定操作
Dec 05 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
Aug 19 jQuery
Node.js中环境变量process.env的一些事详解
Oct 26 Javascript
nginx+vue.js实现前后端分离的示例代码
Feb 12 Javascript
highCharts提示框中显示当前时间的方法
Jan 18 Javascript
Vue render函数实战之实现tabs选项卡组件
Apr 22 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
ThinkPHP3.1新特性之对分组支持的改进与完善概述
2014/06/19 PHP
ThinkPHP的截取字符串函数无法显示省略号的解决方法
2014/06/25 PHP
javascript下有关dom以及xml节点访问兼容问题
2007/11/26 Javascript
javascript 类定义的4种方法
2009/09/12 Javascript
JS 打印功能代码可实现打印预览、打印设置等
2014/10/31 Javascript
jQuery UI插件自定义confirm确认框的方法
2015/03/20 Javascript
浅谈javascript的分号的使用
2015/05/12 Javascript
浅谈javascript中的constructor
2016/06/08 Javascript
微信小程序 简单DEMO布局,逻辑,样式的练习
2016/11/30 Javascript
bootstrap fileinput 上传插件的基础使用
2017/02/17 Javascript
详谈javascript精度问题与调整
2017/07/08 Javascript
VueJs组件prop验证简单介绍
2017/09/12 Javascript
vue bus全局事件中心简单Demo详解
2018/02/26 Javascript
js中比较两个对象是否相同的方法示例
2019/09/02 Javascript
vue实现多级菜单效果
2019/10/19 Javascript
使用vue cli4.x搭建vue项目的过程详解
2020/05/08 Javascript
javascript自定义加载loading效果
2020/09/15 Javascript
[02:58]献给西雅图的情书_高清
2014/05/29 DOTA
Python3.x版本中新的字符串格式化方法
2015/04/24 Python
python3 selenium 切换窗口的几种方法小结
2018/05/21 Python
python字典值排序并取出前n个key值的方法
2018/10/17 Python
python使用xlsxwriter实现有向无环图到Excel的转换
2018/12/12 Python
Django框架首页和登录页分离操作示例
2019/05/28 Python
python3爬虫中多线程的优势总结
2020/11/24 Python
python基于openpyxl生成excel文件
2020/12/23 Python
解决HTML5手机端页面缩放的问题
2017/10/27 HTML / CSS
Hoka One One法国官网:美国专业跑鞋品牌
2018/12/29 全球购物
汉米尔顿手表官网:Hamilton
2020/09/13 全球购物
酒店总经理助理岗位职责
2014/02/01 职场文书
创业计划书模版
2014/02/05 职场文书
2015元旦晚会主持人开场白+结束语
2014/12/14 职场文书
2016大学自主招生推荐信范文
2015/03/23 职场文书
2015年机关后勤工作总结
2015/05/26 职场文书
演讲开场白和结束语
2015/05/29 职场文书
python实现简单石头剪刀布游戏
2021/10/24 Python
使用CSS实现黑白格背景效果
2022/06/01 HTML / CSS