동적으로 삽입된 iFrame에서 jQuery .ready가 조기에 실행되는 이유는 무엇입니까?

동적으로 삽입된 iFrame 및 jQuery .ready 이벤트

jQuery의 Thickbox 플러그인을 사용하여 갤러리아 JavaScript 라이브러리가 포함된 iframe을 동적으로 표시하는 경우 iframe에서 $(document).ready 이벤트가 조기에 실행되어 갤러리아 코드가 잘못 적용되는 문제가 발생할 수 있습니다.

근본 원인

$( document).ready 이벤트는 상위 문서의 준비 상태에 따라 iframe의 준비 상태를 결정합니다. 그러나 동적으로 삽입된 iFrame에서 iframe 콘텐츠 자체가 아직 로드되지 않았더라도 상위 항목의 준비 상태는 iframe이 준비되었음을 나타낼 수 있습니다.

대체 솔루션

A 보다 안정적인 접근 방식은 iframe 자체 로드 이벤트에 바인딩하는 것입니다. 이렇게 하면 iframe의 콘텐츠 로드가 완료된 경우에만 코드가 실행됩니다.

코드 조각

function callIframe(url, callback) {
    $(document.body).append('<IFRAME>

로드 이벤트를 사용하면 타이밍을 제어할 수 있습니다. 코드 실행을 보다 정확하게 수행하고 동적으로 삽입된 iFrame 내에서 조기 실행을 방지합니다.

위 내용은 동적으로 삽입된 iFrame에서 jQuery .ready가 조기에 실행되는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!