Bootstrap 模态冻结 iFrame

Posted 2023-05-09

【中文标题】Bootstrap 模态冻结 iFrame

【英文标题】：Bootstrap Modal Freezes iFrame

【发布时间】：2016-04-13 09:45:21

【问题描述】：

环境

我有一个iframe，它会抛出一个bootstrap 2.3.2 modal。

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

如果模态框弹出，然后用户单击模态框外的某个位置，模态框会按我的预期消失，并且灰色会从屏幕上消失。

但是iframe 被冻结，我不能再像往常一样单击任何按钮或在任何字段中输入文本。

问题

为什么会发生这种情况？

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

【问题讨论】：

您能否通过 jsFiddle 或类似方法提供该问题的工作示例？

我一定会尝试在小提琴中重新创建它并在这里发布......

【参考方案1】：

我认为这与专注有关。我必须在 iFrame 中添加以下脚本才能重新获得焦点。在父窗口中添加相应的代码似乎并没有解决它，但这在我的 iframe 中起到了作用：

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