改变IFrame中的样式--JQuery

时间:2014-05-02 17:21:33

标签: javascript jquery html css iframe

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

$(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中的容器中。

所以我的问题是,我如何能够共同完成这项工作?

1 个答案:

答案 0 :(得分:0)

你必须使用contents()方法:

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

Source