Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/selenium/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 将模态窗口从iframe打开到父级_Jquery_Html_Iframe - Fatal编程技术网

Jquery 将模态窗口从iframe打开到父级

Jquery 将模态窗口从iframe打开到父级,jquery,html,iframe,Jquery,Html,Iframe,我有一个带有iframe的页面,在这个iframe中有一些链接,可以在父窗口中打开一个模式窗口。问题是我没有权限将代码放入父窗口。我刚刚可以访问这个iframe。有没有一种方法可以在jquery有这样的限制的情况下实现这一点 谢谢大家! 您可以使用JQuery插件 有一个叫做“appendTo”的选项,你可以告诉你把你的模型放在哪里。这种方法的唯一问题是,模态的覆盖显示为iframe的大小,因此在打开它之后,必须为它指定所需的宽度和高度 $('#div-modal').modal({ a

我有一个带有iframe的页面,在这个iframe中有一些链接,可以在父窗口中打开一个模式窗口。问题是我没有权限将代码放入父窗口。我刚刚可以访问这个iframe。有没有一种方法可以在jquery有这样的限制的情况下实现这一点

谢谢大家!

您可以使用JQuery插件

有一个叫做“appendTo”的选项,你可以告诉你把你的模型放在哪里。这种方法的唯一问题是,模态的覆盖显示为iframe的大小,因此在打开它之后,必须为它指定所需的宽度和高度

$('#div-modal').modal({
    appendTo: $(window.parent.document).find('body'),
    overlayCss: {backgroundColor:"#333"}, // Optional overlay style
    overlayClose:true, 
});
// Set overlay's width
$(window.parent.document).find('#simplemodal-overlay').css('width', '100%');

如果要作为模式打开的div位于父窗口中,则可以将
$(“#div modal”)
替换为
$(window.parent.document)。查找(“#div modal”)

用一天时间从iframe文档打开模式窗口 首先,我做了一个案例:

parent.$("#you_modal_window_selector").css("visibility", "visible");
!!!关键词changin物质是父母。(小写)

第二,我用脚本更改iframe包含文档中的所有按钮:

<script> 
 $(function() {
        $(".open-modal").on("click", function (e) {
            var $this = $(this),
            $href = $this.attr("href");
            e.preventDefault();
            parent.$($href).css("visibility", "visible");
            parent.$(".modal-window-dark").css("visibility", "visible");
        });
    });
</script>

$(函数(){
$(“.open model”)。单击(“click”,函数(e){
变量$this=$(this),
$href=$this.attr(“href”);
e、 预防默认值();
父项。$($href.css(“可见性”、“可见”);
父项。$(“.modal window dark”).css(“可见性”、“可见”);
});
});

很好的解决方案,效果很好!你知道这是否是跨浏览器兼容的吗?我真的不知道。我考了Chrome和Opera。也许你应该在插件的页面上检查一下。