jquery - 从 iFrame 打开模态窗口到父窗口

标签 jquery html iframe popup modal-dialog

我需要一些帮助来将 iFrame 中的模式附加到它的父主体。我听说过 jQuery 插件 SimpleModal甚至尝试过,但失败了。

所以我有一个带有 iFrame 的页面,并且在这个 iFrame 中有一个按钮应该在父窗口中打开一个模态窗口。问题是我无权将代码放入父窗口。我只能访问 iFrame。

对于任何形式的帮助,我都非常感谢!

最佳答案

没有任何示例代码,很难按照您的确切布局向您展示,但我可以举例说明我是如何实现这一点的。请记住,所有内容都必须在同一个域中,我认为是这样。

我必须为我开发的 CRM 执行此操作,以下是我如何执行此操作的示例:

父 HTML

<body>
    <div id="myModal">stuff</div>

父JS

<script>
    $(function() {
        $('#myModal').someDialogPlug({ some: options });
    })
</script>

iFrame HTML

<button id="btnPopModal">click me</button>

iFrameJS

<script>
    $(function() {
        $('#btnPopModal').on('click', function(e) {
            //  here's the fun part, pay attention!
            var $body = $(window.frameElement).parents('body'),
                dlg = $body.find('#myModal');
            dlg.someDialogPlugin('open');
        });
    })
</script>

关于jquery - 从 iFrame 打开模态窗口到父窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26613469/

相关文章:

jquery - $(this).offset() 为空

javascript - 在 HTML 表单中使用自动生成的(即随机的)ID

html - 字段集在横向模式下的 iPad 上无法正确显示

html - iframe宽度问题

jQuery 模式对话框未从 iFrame 关闭

javascript - vimeo froogaloop API 仅在托管网站时才有效?

javascript - 根据浏览器宽度更改 css 值

java - 无法解析 AJAX 中 servlet 返回的 JSON 对象

javascript - 如何访问javascript变量的函数

javascript - 通过 jQuery 附加的 HTML 不会接受点击事件