快捷導(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鍵盤不關(guān)閉.

上述代碼用以打開模態(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)文章

原型方法的不同寫法居然會(huì)影響調(diào)試的解決方法
原型方法的不同寫法居然會(huì)影響調(diào)試的解決方法...
2007-03-03
詳解微信小程序-獲取用戶session_key,openid,unionid - 后端為nodejs
這篇文章主要介紹了微信小程序獲取session_key,openid,unionid的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
NestJS裝飾器實(shí)現(xiàn)GET請(qǐng)求
本文介紹了如何通過(guò)裝飾器實(shí)現(xiàn)GET請(qǐng)求,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2024-10-10
JavaScript中不可忽略的Symbol的盤點(diǎn)
Symbol類型的出現(xiàn),為每個(gè)屬性賦予了獨(dú)一無(wú)二的標(biāo)識(shí)符,無(wú)論項(xiàng)目多么復(fù)雜,Symbol都能確保屬性鍵的絕對(duì)唯一性,下面我們就來(lái)看看JavaScript中那些不可忽略的Symbol吧
2024-12-12
前端判斷對(duì)象為空的6種方法舉例
在前端中可以使用多種方法來(lái)判斷一個(gè)對(duì)象是否為空,這篇文章主要給大家介紹了關(guān)于前端判斷對(duì)象為空的6種方法,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-05-05
JS實(shí)現(xiàn)鼠標(biāo)移上去顯示圖片或微信二維碼
本文給大家分享一段使用的js代碼實(shí)現(xiàn)鼠標(biāo)移入顯示圖片或微信二維碼樣式，代碼簡(jiǎn)單易懂，非常不錯(cuò)，需要的朋友參考下吧
2016-12-12
用js刪除tbody的代碼
刪除表格的第一個(gè)tbody
2008-11-11
JS實(shí)現(xiàn)橫向輪播圖（初級(jí)版）
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)橫向輪播圖的初級(jí)版，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-01-01
js繪制一條直線并旋轉(zhuǎn)45度
這篇文章主要為大家詳細(xì)介紹了js繪制一條直線并旋轉(zhuǎn)45度，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-08-08
JavaScript實(shí)現(xiàn)將網(wǎng)頁(yè)加入收藏夾功能
瀏覽器出于安全和隱私的考慮,限制了用代碼將網(wǎng)頁(yè)加入瀏覽器的收藏夾,本文主要介紹了如何使用通過(guò)一些間接的方法實(shí)現(xiàn)這一功能,有需要的可以參考下
2024-10-10