在另一个模态中打开引导模态[重复]答案

【问题标题】：Open bootstrap modal in another modal [duplicate]在另一个模态中打开引导模态[重复]
【发布时间】：2018-03-23 09:09:29
【问题描述】：

我有两个模式弹出窗口。

登录表格 --> 忘记密码表格

当有人点击忘记密码时。当前模式关闭并出现忘记密码模式。完美运行。但有一个问题。有时，modal-admin 类不申请新的 modal（忘记密码）所以我使用这个 js 脚本，问题现在解决了。

  $( document ).ready(function() {
    $('.modal').on('hidden.bs.modal', function () {
      setTimeout(function() {
      if($('.modal').hasClass('in')) {
      $('body').addClass('modal-open');
     }}),400 
    });
  });

但是当您在模态之间切换几次时，右侧滚动条需要很短的时间才能消失，并且我可以在模态窗口中看到微小的移动。这是随机发生的。这也在没有 setTimeout 的情况下发生。我无法想象为什么会发生这种情况。有什么想法吗？

【问题讨论】：

重叠的模式是糟糕的用户体验。您应该只考虑更改第一个模式的内容。
我这里没有使用任何前端框架
'hidden.bs.modal' 绝对是 Bootstrap，所以你不能说它是你的代码，也不是框架。我只是说这是一个糟糕的用户体验。有 2 个模态重叠。
我的意思是没有反应，vuejs。这里不重叠。第一个关闭，另一个出现。
如果你想关闭第二个呢？第一个模态会出现吗？

标签： javascript jquery twitter-bootstrap

【解决方案1】：

您可以使用 hide.bs.modal 事件而不是 hidden.bs.modal 事件，以便在模态本身隐藏之前添加或删除主体类。可能是您在转换完成之前单击了另一个模态。

【讨论】：