Bootstrap modal 多彈窗之疊加關(guān)閉陰影遮罩問題的解決方法
更新時間：2017年02月27日 11:51:36 作者：oldlock
這里也會遇到一次性關(guān)閉所有modal引起陰影遮罩的問題，也就是所有modal都關(guān)閉了，但是主頁面仍然被陰影遮罩。下面通過本文給大家分享解決方案，需要的朋友參考下吧
上篇我提到的‘多彈窗之疊加顯示不出彈窗問題'
這里也會遇到一次性關(guān)閉所有modal引起陰影遮罩的問題，也就是所有modal都關(guān)閉了，但是主頁面仍然被陰影遮罩.
這個問題從哪來的，是因?yàn)閙odal疊加，我們點(diǎn)擊窗口之外的空白部分，一次性關(guān)閉所有model，但是modal自己生成的'.modal-backdrop'只關(guān)閉了一個，其余的依然存在， 導(dǎo)致陰影遮罩.
這里的解決辦法是
1.第一種禁用modal 點(diǎn)擊空白自動關(guān)閉的功能。
tempModal.modal({
backdrop:"static"
})
也就是只能點(diǎn)擊關(guān)閉按鈕，一層一層關(guān)閉，避免發(fā)生多層關(guān)閉的問題。
2.第二種在最外層的modal關(guān)閉時，手動刪除所有遮罩
$（"#tempModal"）.bind('hide.bs.modal',function(){
$(".modal-backdrop").remove();
})
這里好處是，保留了點(diǎn)擊空白自動關(guān)閉的功能
以上所述是小編給大家介紹的Bootstrap modal 多彈窗之疊加關(guān)閉陰影遮罩問題，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
js實(shí)現(xiàn)C#的StringBuilder效果完整實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)C#的StringBuilder效果,以完整實(shí)例形式分析總結(jié)了js實(shí)現(xiàn)C#的StringBuilder效果的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了PHP中使用微秒計(jì)算腳本執(zhí)行時間例子,本文先是講解了microtime函數(shù)的一些知識,然后給出了一個計(jì)算腳本運(yùn)行時間的類,需要的朋友可以參考下2014-11-11
下面小編就為大家分享一篇mui back 返回刷新頁面的實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
JavaScript數(shù)組去重的方法總結(jié)【12種方法，號稱史上最全】
這篇文章主要介紹了JavaScript數(shù)組去重的方法,結(jié)合實(shí)例形式較為詳細(xì)的總結(jié)分析了12種方法數(shù)組去重的方法,需要的朋友可以參考下2019-02-02
Three.js利用dat.GUI如何簡化試驗(yàn)流程詳解
dat.gui可以方便地向場景中添加控制條，隨時調(diào)整參數(shù)。下面這篇文章主要給大家介紹了關(guān)于Three.js利用dat.GUI如何簡化試驗(yàn)流程的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來一起看看吧。2017-09-09
這篇文章主要介紹了JavaScript 聲明提升的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下2020-09-09
這篇文章主要介紹了Angularjs手動解析表達(dá)式（$parse）的相關(guān)資料,非常不錯，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-10-10
JS實(shí)現(xiàn)可縮放、拖動、關(guān)閉和最小化的浮動窗口完整實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)可縮放、拖動、關(guān)閉和最小化的浮動窗口的方法,實(shí)例分析了javascript操作窗口層的技巧,需要的朋友可以參考下2015-03-03
今天看到一個很久的帖子說string連接優(yōu)化問題。于是自己也測試一下。寫了個很簡單的代碼2011-07-07
javascript 添加和移除函數(shù)的通用方法, 需要的朋友可以參考下。2009-10-10