很久沒怎么用過bootstrap了序芦, 本來也沒有怎么深入使用過,今天在修復一個微商城后臺的老代碼的時候粤咪,發(fā)信一個bootstrap的bug:
當已經(jīng)打開一個一級模態(tài)框之后谚中,再繼續(xù)打開一個二級模態(tài)框, 然后關閉二級模態(tài)框寥枝,一級模態(tài)框長度大于視窗的時候宪塔,會導致一級模態(tài)框無法向下滾動
原因:
當二級模態(tài)框關閉的時候,會移除body標簽上的modal-open 類名囊拜,bootstrap可能并沒有考慮到會有二級模態(tài)框的情況某筐。
解決方法:
在調(diào)用關閉點擊事件后,手動給body添加上modal-open類名
代碼
$(function(){
$('.modal').on('hidden.bs.modal', function () {
if ($('.modal.in').size() >= 1) {
$('body').addClass('modal-open')
}
})
})
hidden.bs.modal
此事件在模態(tài)框被隱藏(并且同時在 CSS 過渡效果完成)之后被觸發(fā)