Kích hoạt sự kiện trong cửa sổ cha mẹ iframe của

Question

Tại sao sau đây không làm việc:

//iframe: 
window.parent.$(document).trigger('complete'); 

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

trong khi sau IS làm việc:

//iframe: 
window.parent.$('body').trigger('complete'); 

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

?

Answer 1

Cách theo dõi sự kiện, bạn chỉ có thể kích hoạt hoặc nhận sự kiện trên cùng một tài liệu.

thử

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

Answer 2

Bạn có thể thử thêm một chức năng kích hoạt trong tài liệu gốc, sau đó gọi nó như là một chức năng thường xuyên từ iframe. Điều này sẽ đảm bảo bạn đang kích hoạt sự kiện trong ngữ cảnh tài liệu phù hợp.

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

// In iFrame 
window.parent.triggerComplete(); 

Answer 3

kiểm tra giải pháp này, nó rất khó khăn

top.frames [ 'FRAME_NAME'] document.getElementById ('xử lý') style.display = 'none'..;