JQuery를 사용하여 iframe의 onload에 이벤트 핸들러를 바인딩하는 방법은 무엇입니까?

Question

JQuery를 사용하기 위해 바인딩을 가져 오는 데 문제가 있습니다.

<iframe id="wufooFormz7x3k1" height="281" allowtransparency="true" frameborder="0" scrolling="no" style="width:100%;border:none" src="http://foo111.com"></iframe> 

<script> 
jQuery('#wufooFormz7x3k1').ready(function() 
{ 
    jQuery('#wufooFormz7x3k1').bind('onload', alert('hi1')); 
    jQuery('#wufooFormz7x3k1').bind('onload', function() { alert('hi2') }); 
}); 
</script> 

첫 번째 바인드는 경고를 생성하지만이 오류가 발생하고, (I 감지 노력하고있어 임)은 iframe의 후속 부하에 대한 경고를 트리거하지 않습니다.

Uncaught TypeError: Cannot read property 'handler' of undefined and won't be triggered for subsequent onloads. 

두 번째 바인딩은 전혀 트리거되지 않습니다.

이상적으로, 내가 원하는 것은 iframe이로드 될 때마다 경고를 생성 할 수 있도록 iframe의 onload에 바인딩하는 것이 이상적입니다.

Answer 1

로드 이벤트를 사용하십시오.

jQuery('#wufooFormz7x3k1').bind('load', function() { alert('hi2') }); 

첫 번째 시도 경고 당신이 경고를 실행하고 함수로 경고의 반환 값을 전달하기 때문에 그러나 그 반환 값은 따라서 오류가 발생하는 함수가 아닙니다.

또한 다음은 필요하지 않으며 실제로 생각하는대로 수행되지 않습니다. '#wufooFormz7x3k1'을 무시하고 대신 document를 사용

jQuery('#wufooFormz7x3k1').ready(function() 

. 스크립트는 iframe 태그 바로 뒤에 있으므로 iframe이 준비되므로 생략 할 수 있습니다.