2011-09-20 3 views
1

나는 그것을 두 가지 방법으로 모두 보았지만, 더 좋거나 중요하지 않습니다.jQuery Document Ready - 각 문장을 래핑하거나 모든 문장을 하나의 document.ready 이벤트로 감싸는 것이 가장 좋습니다.

각 문을보다 깔끔하게 정리하는 것처럼 느껴지지만 자신의 document.ready 이벤트 처리기가있는 문이 50 개인 경우 콜백이 더 많이 발생하는지 궁금합니다.

+0

내 취향에 대해 자세히 알아보십시오. –

+0

모든 진술을 왜 포장하고 싶습니까? 그건 쓰는게 더 많은 것 같아. –

답변

4

의사 이벤트 중에는 $(document).ready 의사 이벤트에 모든 것을 연결해야 할 유혹이 있습니다. 결국, 당신이 찾을 수있는 대부분의 예제에서 사용됩니다.

$(document).ready은 매우 유용하지만 개체를 ​​다운로드하는 동안 페이지 렌더링 중에 발생합니다. 로드하는 동안 페이지가 멈추는 것을 느낀다면 모든 해당 $(document).ready 함수가 원인 일 수 있습니다.

jQuery 함수를 HTML (콘텐츠 포함)에서 호출 한 모든 객체를 다운로드 한 후 발생하는 $ (window) .load 이벤트에 바인딩하여 페이지로드 중에 CPU 사용률을 줄일 수 있습니다.

적어도 읽기 쉽도록 하나에 모두 배치하는 것입니다 jQuery를 성능 및 모범 사례 here 또는 watch this video

관련 문제