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