在iframe的父窗口中触发事件

为什么以下不起作用：

//iframe: window.parent.$(document).trigger('complete'); //parent window: $(document).bind('complete', function(){ alert('Complete'); }); 

而以下IS工作：

 //iframe: window.parent.$('body').trigger('complete'); //parent window: $('body').bind('complete', function(){ alert('Complete'); }); 

？

Answer 1

跟踪事件的方式，您只能在同一文档上触发或接收事件。

尝试

 window.parent.$(window.parent.document).trigger('complete'); 

Answer 2

您可以尝试在父文档中添加触发函数，然后从iframe将其作为常规函数调用。 这应该确保您在正确的文档上下文中触发事件。

 // In Parent function triggerComplete () { $(document).trigger('complete'); } // In iFrame window.parent.triggerComplete(); 

Answer 3

检查这个解决方案，非常棘手

top.frames [‘frame_name’]。document.getElementById（’Processing’）。style.display =’none’;