동적 iframe로드가 실행되지 않습니까?

Question

비슷한 질문이 (해결되었지만) 동적으로 생성 된 iframe을 처리하지 못하는 것으로 보입니다.

기본적으로 jquery를 사용하여 임시 iframe을 만들어 (파일 경로에서 아약스 호출을 통해 제공) 파일을로드 한 다음 파일 다운로드 프롬프트를 엽니 다.

모든 것이 작동하지만 내 DOM이 파일이 다운로드되면 iframe을 제거하려는 iframe 묶음으로 채워지지 않게하려면.

는

내 iframe이 생성 코드 :

$('<iframe class="downloadIFrame" src="'+data['url']+'"></iframe>').appendTo('body'); 

그리고 코드 (이하 "준비"JQuery와 이벤트 콜백)을 파괴 :

$('.downloadIFrame').live('load', function() { alert('loaded');$(this).remove(); }); 

내가 iframe이 그 경고를하지 않습니다 로드되지 않았으므로 호출되지 않았습니다. 어떤 단서?

Answer 1

live은 이벤트 버블 링 메커니즘에서 작동하며, iframeload 이벤트는 사용자 작업이 트리거되지 않습니다. 따라서 live을 사용하여 iframe로드 이벤트를 처리 할 수 ​​없습니다.

iframe의 src을 설정하기 전에 iframeload 이벤트 처리기를 첨부해야합니다. 이는로드 이벤트가 연결되기 전에 iframe이로드되는 경우를 방지하기위한 것입니다.

이

$('<iframe class="downloadIFrame"></iframe>') 
.appendTo('body') 
.load(function(){ 
    $(this).remove(); 
}).attr("src", data['url']); 

Answer 2

난 당신이 만든은 iframe의 DOM에 경고 코드를 넣어 시도 할 것 - 그것은 자신의 DOM을 가지고, 등 완전히 별도의 페이지로의

생각해 따라서 자신의 이벤트 계층 구조.

Answer 3

라이브 수신기를 사용하지 마십시오.

$('<iframe class="downloadIFrame" src="http://www.google.com/"></iframe>').appendTo('body'); 
$('.downloadIFrame').load(function() { alert('loaded');$(this).remove(); }); 

웹킷에서 저에게 잘 작동합니다.