模式窗口内的iFrame在Chrome上不工作

Question

这适用于Firefox，但在Chrome上，我得到“Uncaught TypeError：无法读取属性'css'的空”错误on“onDialogOpen（）{this.iframe.css（{ ”

function show(options) { 


    // create our temporary iframe 
    this.iframe = $('<iframe name="' + (this.id = 'emh_' + +new Date) + '">') 
     .load($.proxy(onIframeLoad, this)); 

    // show our dialog 
    this.iframe.dialog($.extend(true, { 
     title: 'Entity Viewer', 
     modal: true, 
     draggable: false, 
     resizable: false, 
     width: 800, 
     height: 500, 
     buttons: { 
     'Save & Continue': $.proxy(submitIframeForm, this) 
     }, 
     open: $.proxy(onDialogOpen, this), 
     close: $.proxy(onDialogClose, this) 
    }, options)); 
    alert(options.path); 
    // since our dialog is showing now, let's update the src of the iframe 
    this.iframe.attr('src', options.path + '?modal=true&unique=' + this.id); 


    } 

function onDialogOpen() { 
    this.iframe 
     .css({ 
     width: '100%', 
     padding: 0, 
     border: 0, 
     margin: 0 
     }); 
} 

Answer 1

不知道这是否会工作，但我有2种方法：

1. 移动onDialogOpen你的表演方法内：

   function show(options) { 
   
   //your code 
   //... 
   //... 
   //this.iframe.attr('src', options.path + '?modal=true&unique=' + this.id); 
   
   //no need to pass this parameter since method has same this as parent one 
   
       function onDialogOpen() { 
        this.iframe 
         .css({ 
         width: '100%', 
         padding: 0, 
         border: 0, 
         margin: 0 
         }); 
       } 
   

   }

或

2. - 的IFrame负载之后创建此引用：

var _this = this; 

• 修改此电话：

开：$。 proxy（function（）{onDialogOpen（_this）}，this）

更新onDialogOpen：

function onDialogOpen(_this) { 
    if (typeof _this != 'undefined') 
{ 
_this.iframe 
     .css({ 
     width: '100%', 
     padding: 0, 
     border: 0, 
     margin: 0 
     }); 
} 
else 
{ 
    this.iframe 
     .css({ 
     width: '100%', 
     padding: 0, 
     border: 0, 
     margin: 0 
     }); 
} 
}