关闭一个引导程序模式并立即打开另一个引导程序会导致滚动问题

Question

我有两个模态。当我关闭一个并随后打开另一个时，出现滚动问题。与其滚动模式，不如滚动其后面的内容。为了解决这个问题，我做了以下事情：

$('#firstModal').on('hidden.bs.modal', function (e) {
    $('#secondModal').modal();
    $('#firstModal').off('hidden.bs.modal');
});
$('#firstModal').modal('hide');

我想知道，还有没有涉及使用事件监听器的更优雅的解决方案吗？

Answer 1

问题是在您显示第二个模式时，modal-open类尚未被删除。因此，一旦添加（通过打开第二个模态），它将被删除，因为第一个已完成关闭。您可以使用以下代码解决此问题：

$('#firstModal').on('hidden.bs.modal', function (e) {
  setTimeout(function() {
    $('#secondModal').modal();
  });
});