由于bootstrap的模態(tài)窗口默認(rèn)不支持多次彈出, 在關(guān)閉的時(shí)候會(huì)有滾動(dòng)條消失的問題. 經(jīng)過觀察和查看源碼, 發(fā)現(xiàn)在開啟和關(guān)閉的時(shí)候會(huì)在body上增加/減少一個(gè)"modal-open"的class,所以只要在關(guān)閉的時(shí)候判斷一下是否還有沒關(guān)閉的窗口, 如果還有未關(guān)閉的, 則重新給body加上"modal-open"即可.

以下是代碼:

//bootstrap 多重modal彈窗滾動(dòng)條補(bǔ)丁. $('body').on('hide.bs.modal', 'div.modal[role]', function (e) {var len = $('div.modal[role]').length;if (len > 1) {setTimeout(function () {$("body").addClass("modal-open");}, 500);} });

?這里處理的有點(diǎn)麻煩, 做了個(gè)延遲500ms, 是由于"hide.bs.modal"的觸發(fā)時(shí)機(jī)過早, 模態(tài)窗體自帶的"hidden.bs.modal"無法像上面代碼那樣觸發(fā),(麻煩哪位路過的大神給指?jìng)€(gè)路.). 在事件觸發(fā)之后才執(zhí)行了removeClass("modal-open") . 關(guān)于這個(gè), 大家可以去看下bootstrap.js里面的源碼.搜索 "modal-open"即可找到相關(guān)代碼.

?

?

?

?

?

?

?

?如果您覺得這篇博客對(duì)您產(chǎn)生了一些必要的幫助,? 歡迎您對(duì)我意思意思, 我將會(huì)覺得您非常夠意思!?

轉(zhuǎn)載于:https://www.cnblogs.com/adinet/p/11321063.html

總結(jié)

以上是生活随笔為你收集整理的bootstrap 模态窗口 多重/多个弹窗滚动条补丁的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。