快捷導(dǎo)航

BootStrap 模態(tài)框?qū)崿F(xiàn)刷新網(wǎng)頁(yè)并關(guān)閉功能

更新時(shí)間：2017年01月04日 11:10:14 作者：稚梟天卓

這篇文章主要介紹了BootStrap 模態(tài)框?qū)崿F(xiàn)刷新網(wǎng)頁(yè)并關(guān)閉的功能，實(shí)現(xiàn)方法簡(jiǎn)單易懂,需要的朋友可以參考下

方法與實(shí)現(xiàn)

hide.bs.modal，當(dāng)調(diào)用 hide 實(shí)例方法時(shí)觸發(fā)。  
$('#identifier').on('hide.bs.modal', function () {
 // 執(zhí)行一些動(dòng)作...
})

hidden.bs.modal，當(dāng)模態(tài)框完全對(duì)用戶隱藏時(shí)觸發(fā)。

$('#identifier').on('hidden.bs.modal', function () {
 // 執(zhí)行一些動(dòng)作...
})

源碼示例

$('#confirmRevokeOrder').on('hidden.bs.modal',function(){
  var urla ='/service/csOrderHistoryAction_csOrderHistoryListTo.action';
  openNewTab({
    url: urla,
    tabName: '預(yù)訂跟蹤',
    callback: function () {
    }
  });
});
$('#confirmRevokeOrder').modal('hidden');

PS:BootStrap 模態(tài)框禁用空白處點(diǎn)擊關(guān)閉

模態(tài)框?yàn)樾畔⒕庉嫶翱?涉及好多內(nèi)容,填了半天,若一不小心點(diǎn)了空白處.....

$('#myModal').modal({backdrop: 'static', keyboard: false});

backdrop:static時(shí),空白處不關(guān)閉.

keyboard:false時(shí),esc鍵盤(pán)不關(guān)閉.

上述代碼用以打開(kāi)模態(tài)框

以上所述是小編給大家介紹的BootStrap 模態(tài)框?qū)崿F(xiàn)刷新網(wǎng)頁(yè)并關(guān)閉功能，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

JS實(shí)現(xiàn)頁(yè)面打印功能
本文主要介紹了JS實(shí)現(xiàn)頁(yè)面打印功能的方法，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
2017-03-03
bootstrapValidator bootstrap-select驗(yàn)證不可用的解決辦法
這篇文章主要為大家詳細(xì)介紹了bootStrapValidator和bootStrap-select驗(yàn)證不可用的解決辦法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
JS中的Select框?qū)崿F(xiàn)模糊搜索功能
本文通過(guò)實(shí)例代碼介紹JS中的Select框?qū)崿F(xiàn)模糊搜索功能,下面是使用JavaScript來(lái)實(shí)現(xiàn)模糊搜索的功能,代碼分為html部分和javascript部分,感興趣的朋友跟隨小編一起看看吧
2024-06-06
15條JavaScript最佳實(shí)踐小結(jié)
如果你的JavaScript代碼只是增加一些功能，那么盡管大膽地把文件引用放在HTML底部吧，你會(huì)看到明顯的速度提升。本文總結(jié)了15條小建議，感興趣的朋友可以參考下
2013-08-08
小程序?qū)崿F(xiàn)點(diǎn)擊tab切換左右滑動(dòng)
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)點(diǎn)擊tab切換左右滑動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-11-11
p5.js繪制創(chuàng)意自畫(huà)像
這篇文章主要為大家詳細(xì)介紹了p5.js繪制創(chuàng)意自畫(huà)像，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-11-11
javascript currentTarget對(duì)象介紹
javascript currentTarget對(duì)象介紹...
2007-10-10
js修改元素樣式的九種方式總結(jié)
用慣了vue和react之后可能會(huì)慢慢淡忘掉原生的一些操作dom的幾種方式,有的時(shí)候確實(shí)需要我們通過(guò)原生的方式進(jìn)行操作,下面這篇文章主要給大家介紹了關(guān)于js修改元素樣式的九種方式,需要的朋友可以參考下
2024-04-04
Javascript實(shí)現(xiàn)快速排序（Quicksort）的算法詳解
排序算法（Sorting algorithm）是計(jì)算機(jī)科學(xué)最古老、最基本的課題之一，要想成為合格的程序員，就必須理解和掌握各種排序算法。
2015-09-09
javascript中為某個(gè)元素指定事件的三種方式
在javascript中，可以為某個(gè)元素指定事件，指定的方式有以下三種使用onclick屬性，使用addEvenListener()方法
2014-08-08