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

Javascript 关闭一个引导模式并打开另一个引导模式会立即导致滚动问题,javascript,jquery,bootstrap-4,bootstrap-modal,Javascript,Jquery,Bootstrap 4,Bootstrap Modal,我有两个情态动词。当我关闭一个,然后打开另一个,我有滚动问题。与其在模式中滚动,不如滚动其背后的内容。为了解决这个问题,我做了以下工作: $('#firstModal').on('hidden.bs.modal', function (e) { $('#secondModal').modal(); $('#firstModal').off('hidden.bs.modal'); }); $('#firstModal').modal('hide'); 我想知道,有没有一个更优雅的

我有两个情态动词。当我关闭一个,然后打开另一个,我有滚动问题。与其在模式中滚动,不如滚动其背后的内容。为了解决这个问题,我做了以下工作:

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

我想知道,有没有一个更优雅的解决方案不涉及使用事件侦听器?

问题是,在显示第二个模式时,
模式打开类还没有被删除。因此,一旦它被添加(通过打开第二个模态),它就会被删除,因为第一个模态完成了关闭。您可以使用以下代码解决此问题:

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

问题是在显示第二个模式时,
模式打开
类尚未删除。因此,一旦它被添加(通过打开第二个模态),它就会被删除,因为第一个模态完成了关闭。您可以使用以下代码解决此问题:

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