Question

我遇到了一个令人讨厌的“bug”，我似乎找不到解决方案。

在bootstrap中，您一次只能显示一个模态。所以通过一个开放的模态（chrome中的滚动条就在那里）我点击一个按钮，在我隐藏第一个模态之后打开另一个模态。像这样：

$('#redigerMedarbejder').modal('hide'); 
$('#uploadModal').modal({backdrop: 'static',keyboard: false})

当我关闭打开模态并执行上面的代码反向时，为了再次显示上一个模态，我的chrome中的滚动条消失了，我无法看到整个模态，因为我无法滚动。我见过其他人建议像这样覆盖modal.open样式

.modal-open {
    overflow: scroll;
}

但这似乎没有诀窍......

Answer 1

要触发模态并在另一个模态关闭后使其正常工作，您必须（应该）等到第一个完全隐藏事件hidden.bs.modal：

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

小警告，这个.on('hidden.bs.modal')函数将被称为每次隐藏$('#redigerMedarbejder')，因此在使用此功能时请记住这一点。

Answer 2

我遇到了同样的问题。我通过添加＆＃34; modal-open＆＃34;来解决它。我隐藏模态时的身体类别。这是代码：

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

我发现课程＆＃34;模态开放＆＃34;打开模态时会添加<body></body>，关闭时会删除。