从iFrame将模式窗口打开到父窗口

use*_*416 2 html iframe jquery modal-dialog popup

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

因此,我有一个带有iFrame的页面,并且在此iFrame中有一个应该在父窗口中打开模式窗口的按钮。问题是我无权将代码放入父窗口。我刚刚可以访问iFrame。

对于任何帮助,我非常感谢!

SpY*_*3HH 5

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

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

父HTML

<body>
    <div id="myModal">stuff</div>
Run Code Online (Sandbox Code Playgroud)

父母JS

<script>
    $(function() {
        $('#myModal').someDialogPlug({ some: options });
    })
</script>
Run Code Online (Sandbox Code Playgroud)

iFrame HTML

<button id="btnPopModal">click me</button>
Run Code Online (Sandbox Code Playgroud)

iFrame JS

<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>
Run Code Online (Sandbox Code Playgroud)