다양한 브라우저와 호환되는 jquery 기반 iframe 적응형 높이 스크립트_jquery

jquery는 매우 강력하고 코드도 매우 간단합니다.

코드 복사 코드는 다음과 같습니다.

$("# iPersonalInfo").load(function() {
$(this).height($(this).contents().height());
})

조금 디버깅 중에 이 사실을 발견했는데 시간이 많이 낭비되었다는 점에 유의해야 합니다. 즉, 바인딩 이벤트는 iframe이 로드되기 전에 바인딩되어야 하며, 그렇지 않으면 실행되지 않습니다.


다음은 jQuery 개요, 로드 이벤트입니다.

일치하는 각 요소의 로드 이벤트에 핸들러 함수를 바인딩합니다.

창 개체에 바인딩된 경우 창, 프레임, 개체 및 이미지를 포함한 모든 콘텐츠가 로드된 후 트리거됩니다. 요소에 바인딩된 경우 해당 요소의 콘텐츠가 로드될 때 실행됩니다.

참고: 이 요소가 완전히 로드되기 전에 로드 처리 기능이 바인딩된 경우에만 로드된 후에 트리거됩니다. 나중에 바인딩하면 절대 트리거되지 않습니다. 따라서 $(document).ready()에서 로드 이벤트를 바인딩하지 마세요. 왜냐하면 jQuery는 모든 DOM 로딩이 완료된 후 로드 이벤트를 바인딩하기 때문입니다.