>  기사  >  웹 프론트엔드  >  동적으로 삽입된 iframe이 jQuery로 로드된 후 코드를 실행하는 방법은 무엇입니까?

동적으로 삽입된 iframe이 jQuery로 로드된 후 코드를 실행하는 방법은 무엇입니까?

Barbara Streisand
Barbara Streisand원래의
2024-11-15 10:40:03320검색

How to Execute Code After Dynamically Inserted iframes are Loaded with jQuery?

동적으로 삽입된 iframe에서 jQuery .ready 이벤트를 활용하는 방법

jQuery Thickbox를 사용하여 iframe을 동적으로 삽입할 때 $(document). iframe 내의 준비 이벤트가 조기에 실행되어 Galleria 코드가 DOM 요소에 효과적으로 적용되지 않게 됩니다. 이는 $(document).ready가 iframe 상위 항목의 준비 상태에 의존하기 때문에 발생합니다.

이 문제를 해결하기 위해 동적 iframe이 준비된 후에만 코드 실행을 보장하도록 바인딩할 수 있는 대체 jQuery 이벤트가 있습니다. . 권장되는 접근 방식 중 하나는 아래 설명된 'load' 이벤트를 사용하는 것입니다.

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

'load' 이벤트를 활용하면 iframe 로드를 더 잘 제어할 수 있으므로 iframe이 실행될 때 작업을 수행할 수 있습니다. 완전히로드되고 준비되었습니다. 이는 iframe의 DOM 요소에서 Galleria 코드 또는 기타 JavaScript 라이브러리의 정확한 실행을 보장합니다.

위 내용은 동적으로 삽입된 iframe이 jQuery로 로드된 후 코드를 실행하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.