javascript - 关闭第二个模态后焦点错误

Question

我正在使用 vue.js 2 和 bootsrap 3 打开一个模式，该模式会打开第二个模式。

几天前，我问了一个关于如何将焦点设置在第二个模态中包含的控件上的问题。我有一个很棒的 answer 解决了这个问题。

问题打开第一个模态时，用户可以滚动它以查看其底部。但是在打开和关闭第二个模态之后，焦点移动到包含第一个模态的页面。当用户滚动查看第一个模态的其余部分时，他将页面滚动到第一个模态后面。

使用起来非常不舒服，尤其是当模态大于屏幕高度时。有办法避免这种情况吗？

要重现此问题，请打开 answer 并单击“展开代码段”

Answer 1

这对我有用:

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