? 在使用Bootstrap中模態(tài)框過(guò)程中闯两，如果出現(xiàn)多層嵌套的時(shí)候，如打開(kāi)模態(tài)框A谅将，然后在A中打開(kāi)模態(tài)框B漾狼；或者打開(kāi)模態(tài)框A，關(guān)閉A后馬上打開(kāi)模態(tài)框B饥臂，會(huì)發(fā)現(xiàn)頁(yè)面有抖動(dòng)現(xiàn)象逊躁。這是因?yàn)樗[藏了瀏覽器滾動(dòng)條，頁(yè)面就相當(dāng)于變寬了隅熙，關(guān)閉模態(tài)窗口后稽煤，頁(yè)面又出現(xiàn)滾動(dòng)條核芽，頁(yè)面又變窄了，這一伸一縮就會(huì)使頁(yè)面產(chǎn)生抖動(dòng)現(xiàn)象酵熙。
? 鑒于以上現(xiàn)象并查看頁(yè)面代碼后轧简，發(fā)現(xiàn)主要原因是因?yàn)檎谡謫?wèn)題引起的，遮罩切換太快匾二，導(dǎo)致第一個(gè)遮罩的關(guān)閉后樣式還未重置哮独，又開(kāi)啟了一個(gè)遮罩。我的解決辦法試察藐，將第一個(gè)遮罩關(guān)閉后皮璧，延遲500ms，再打開(kāi)第二個(gè)遮罩分飞。
$('#show-modal-btn2').click(function() {
// 隱藏第一個(gè)遮罩
$('#show-modal1').modal('hide');
// 延遲500ms后悴务，打開(kāi)第二個(gè)遮罩
var timer = setTimeout(function() {
$('#show-modal2').modal('show');
clearTimeout(timer);
}, 500);
})
