在 IFrame 中更改样式 - JQuery答案

【问题标题】：Changing styles within an IFrame - JQuery在 IFrame 中更改样式 - JQuery
【发布时间】：2014-05-03 01:30:19
【问题描述】：

我有一个对话框类型的弹出窗口，显示用户单击按钮时。该弹出窗口中有一个表单，一旦提交，我想使用以下内容更改该弹出窗口的宽度和高度：

$(document).ready(function(){
// ON SUBMIT OPEN DIALOG WINDOW TO CREATE FLOOR PLAN FOR PRINTING 
    $("#submitit").click(function(){
        $(".form_wrapper").fadeOut();
        $("#sb-wrapper").css('width', '99%');
        $("#sb-wrapper").css('left', '7px');
        $("#sb-wrapper-inner").css('height', '350px');
        $( "#dialog-container" ).load( "./printing/display-print.php" );   
    });                     
});

现在，一旦弹出窗口打开，它就位于iframe 中。 #sb-wrapper 和 #sb-wrapper-inner 在创建的 iframe 之外。现在，当运行上述内容时，什么也没有发生。除了 iframe 内的表单淡出并且新数据加载到 iframe 内的容器中。

所以我的问题是，我怎样才能让这个工作一起工作？

【问题讨论】：

标签： javascript jquery html css iframe

【解决方案1】：

你必须使用 contents() 方法：

$("#myiframe").contents().find("#myContent")

Source

【讨论】：

所以应该是，$("#sb-player").contents().find("#sb-wrapper-inner").css('height', '350px');?
吉米顺便说一句，我需要从 IFrame 外部而不是它内部访问。