如何使用从 iframe 加载的点击事件关闭引导模式

Posted

技术标签:

【中文标题】如何使用从 iframe 加载的点击事件关闭引导模式【英文标题】:How to close a bootstrap modal using the click event loaded from iframe 【发布时间】:2016-11-22 16:26:41 【问题描述】:

我已经在引导模式内的 iframe 中加载了一个 url,我正在尝试使用从 iframe url 加载的类名来关闭模式框。

这是我的 jsfiddle

https://jsfiddle.net/fxfbzn7L/1/

我的代码放在这里

$('#terms_con').click(function () 
            $('#termsCondition').modal(
                show: true
            );
        );



         $('#termsCondition .btn-close').click(function () 
             $("#termsCondition").modal("hide");
            );

【问题讨论】:

我没有看到任何类名为“btn-close”的东西 只需单击模态弹出窗口并检查弹出窗口中的关闭文本 【参考方案1】:

您可以在iframe 关闭按钮上创建一个虚假的 div,并在div 上添加事件侦听器以关闭窗口。参考this。

【讨论】:

以上是关于如何使用从 iframe 加载的点击事件关闭引导模式的主要内容,如果未能解决你的问题,请参考以下文章

jq 在iframe中点击按钮,父元素触发事件

如何触发从 iframe 到其父元素的点击事件?

求助:js,如何关闭IFRAME的父窗口

如何在Angular项目里监听页面关闭、跳转事件?

引导表单验证 - 使用点击事件验证表单

如何从 iframe 中获取内容类型?