동적으로 삽입된 iFrame에 jQuery .ready를 사용하는 방법은 무엇입니까?

동적으로 삽입된 iFrame의 jQuery .ready

jQuery로 작업할 때 특히 iFrame을 페이지에 동적으로 삽입할 때 타이밍이 중요할 수 있습니다. . 이 시나리오에서는 iFrame 콘텐츠가 완전히 로드되기 전에 iFrame에서 $(document).ready 이벤트가 실행되어 갤러리아와 같은 JavaScript 라이브러리에서 오류가 발생하면 문제가 발생합니다.

이 문제를 해결하려면 다음을 사용하는 것이 좋습니다. iFrame이 완전히 로드될 때까지 기다릴 문서 대신 로드 이벤트가 발생합니다. 이렇게 하면 iFrame 콘텐츠가 준비된 경우에만 갤러리아 코드가 DOM 요소에 적용됩니다.

구현 방법은 다음과 같습니다.

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

이 예에서 callIframe 함수는 URL 및 콜백 함수. iFrame을 생성하고, 해당 소스 URL을 설정하고, 로드 이벤트를 iFrame에 바인딩합니다. 콜백 함수는 iFrame이 완전히 로드되고 준비되면 실행됩니다.

load 이벤트를 사용하면 iFrame 콘텐츠를 사용할 수 있게 된 후에만 갤러리아가 적용되어 JavaScript 라이브러리가 올바르게 실행될 수 있습니다.

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