> 웹 프론트엔드 > JS 튜토리얼 > 다양한 브라우저와 호환되는 jquery 기반 iframe 적응형 높이 스크립트_jquery

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

WBOY
풀어 주다: 2016-05-16 18:21:21
원래의
1240명이 탐색했습니다.

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

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

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

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


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

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

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

참고: 이 요소가 완전히 로드되기 전에 로드 처리 기능이 바인딩된 경우에만 로드된 후에 트리거됩니다. 나중에 바인딩하면 절대 트리거되지 않습니다. 따라서 $(document).ready()에서 로드 이벤트를 바인딩하지 마세요. 왜냐하면 jQuery는 모든 DOM 로딩이 완료된 후 로드 이벤트를 바인딩하기 때문입니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿