Twitter bootstrap 3 隐藏模式并显示另一个模式时,Chrome滚动消失

Twitter bootstrap 3 隐藏模式并显示另一个模式时,Chrome滚动消失,twitter-bootstrap-3,Twitter Bootstrap 3,我遇到了一个令人焦虑的“错误”,我似乎找不到解决办法 在引导中,一次只能显示一个模式。因此,通过一个打开的模式(chrome中的滚动条在那里),我点击一个按钮,在我隐藏第一个模式之后,它会打开另一个模式。像这样: $('#redigerMedarbejder').modal('hide'); $('#uploadModal').modal({backdrop: 'static',keyboard: false}) 当我关闭打开模式并执行上面代码的相反操作时,为了再次显示上一个模式,我的chr

我遇到了一个令人焦虑的“错误”,我似乎找不到解决办法

在引导中,一次只能显示一个模式。因此,通过一个打开的模式(chrome中的滚动条在那里),我点击一个按钮,在我隐藏第一个模式之后,它会打开另一个模式。像这样:

$('#redigerMedarbejder').modal('hide'); 
$('#uploadModal').modal({backdrop: 'static',keyboard: false})
当我关闭打开模式并执行上面代码的相反操作时,为了再次显示上一个模式,我的chrome滚动条消失,我无法看到整个模式,因为我无法滚动。我见过其他人建议像这样覆盖modal.open样式

.modal-open {
    overflow: scroll;
}

但这似乎不起作用…

要在另一个模式关闭后触发一个模式并使其正常工作,您必须(应该)等待,直到第一个模式完全隐藏,事件
隐藏。bs.modal

$('#redigerMedarbejder').on('hidden.bs.modal', function(e){
    $('#uploadModal').modal({backdrop: 'static', keyboard: false});
});

小提示,每次
$('#redigerMedarbejder')
被隐藏时,
.on('hidden.bs.modal')
函数都将被调用,,所以在使用此功能时请记住这一点。

我遇到了同样的问题。我通过在隐藏模态时向body类添加“modal open”来解决这个问题。代码如下:

$('#redigerMedarbejder').on('hidden.bs.modal', function(e){
    $('body').addClass('modal-open');
});

我发现当你打开一个模态时,“模态打开”类会添加到
,当你关闭它时会删除它。

@TimLewis你是个天才:)。。。请把它写进一个答案,并删除评论。。我会接受这个答案。谢谢lot@TimLewis情态动词的另一种方式(只是为了澄清),但幸运的是,这也是我的意图,因为该情态只能从另一个情态中打开…:)@TimLewis虽然uploadModal在我的站点的其他页面上使用,但这不会产生问题(刚刚测试过)@TimLewis有一个小问题。。鼠标上的滚轮似乎无法在技巧完成后滚动我的模式。。它可能认为没有可滚动的内容。。我不确定…是的,滚轮功能很奇怪。我以前在Chrome中看到过这个问题,但是如果你在另一个浏览器(比如Firefox)中测试,你不应该看到这个问题。顺便说一句,我会加上答案,请稍等:P