BootStrap 模态框实现刷新网页并关闭功能

 更新时间:2017年01月04日 11:10:14   作者:稚枭天卓  
这篇文章主要介绍了BootStrap 模态框实现刷新网页并关闭的功能,实现方法简单易懂,需要的朋友可以参考下

方法与实现

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 模态框实现刷新网页并关闭功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • element-ui 的el-button组件中添加自定义颜色和图标的实现方法

    element-ui 的el-button组件中添加自定义颜色和图标的实现方法

    这篇文章主要介绍了element-ui 的el-button组件中添加自定义颜色和图标的实现方法,目前的解决方案是:添加一个自定义全局指令,同时在element-ui源码中,加入对应的组件。需要的朋友跟随小编一起看看吧
    2018-10-10
  • JavaScript查看代码运行效率console.time()与console.timeEnd()用法

    JavaScript查看代码运行效率console.time()与console.timeEnd()用法

    今天小编就为大家分享一篇关于JavaScript查看代码运行效率console.time()与console.timeEnd()用法,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01
  • JS实现手风琴特效

    JS实现手风琴特效

    这篇文章主要为大家详细介绍了JS实现手风琴特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • 基于JavaScript实现页面轮播图渐变效果的示例代码

    基于JavaScript实现页面轮播图渐变效果的示例代码

    这篇文章主要给大家分享如何使用JavaScript实现一个页面轮播图渐变效果,轮播图是网页开发中常见的功能之一,它能够展示多个图片或内容,并以一定的时间间隔进行自动切换,而通过添加渐变效果,可以让切换过程更加平滑流畅,感兴趣的小伙伴可以自己动手尝试一下
    2023-10-10
  • 修复IE9&safari 的sort方法

    修复IE9&safari 的sort方法

    解决方案其实就是冒泡排序的一个包装,本补丁不修复各浏览的排序算法不一致的问题
    2011-10-10
  • javascript算法解数独实现方案示例

    javascript算法解数独实现方案示例

    这篇文章主要为大家介绍了javascript算法解数独实现方案示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08
  • js实现文本框只允许输入数字并限制数字大小的方法

    js实现文本框只允许输入数字并限制数字大小的方法

    这篇文章主要介绍了js实现文本框只允许输入数字并限制数字大小的方法,涉及javascript对字符串正则判断及数值大小判断的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • ES6中的class是如何实现的(附Babel编译的ES5代码详解)

    ES6中的class是如何实现的(附Babel编译的ES5代码详解)

    这篇文章主要介绍了ES6中的class是如何实现的?(附Babel编译的ES5代码详解),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • js报错:Maximum call stack size exceeded的解决方法

    js报错:Maximum call stack size exceeded的解决方法

    这篇文章主要给大家介绍了关于js报错Maximum call stack size exceeded的解决方法,文中通过实例代码将解决的方法介绍的非常详细,需要的朋友可以参考下
    2023-02-02
  • js对象继承之原型链继承实例

    js对象继承之原型链继承实例

    这篇文章主要介绍了js对象继承之原型链继承,以实例形式分析了原型链继承的实现方法与注意事项,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01

最新评论