javascript - Bootstrap 模态卡住 iFrame

Question

环境

• 我有一个 iframe，它会引发 bootstrap 2.3.2 模式。

• 如果单击完成按钮，模式会正常关闭，并将控制权很好地传递回 iframe。

• 如果弹出模态框，然后用户单击模态框外的某个位置，则模态框会如我所料地消失，灰色也会从屏幕上消失。

• 但是 iframe 被卡住，我无法再像往常一样单击任何按钮或在任何字段中输入文本。

问题

• 为什么会发生这种情况？

• 我可以在不刷新的情况下返回到 iframe 吗？这是不可取的，因为 iframe 包含我需要保存的数据。

Answer 1

我认为这与焦点有关。我必须在 iFrame 中添加以下脚本才能重新获得焦点。在父窗口中添加相应的代码似乎没有解决这个问题，但这在我的 iframe 中解决了问题:

        $('#myModal', parent.document).on('hidden.bs.modal', function (e) {
        debugger;
        var iframe = $("#myIframe")[0];
        iframe.contentWindow.focus();
    });