jQuery Mobile: 언제 `$(document).ready()`에 `pageinit`을 사용해야 합니까?

jQuery Mobile: Document Ready 대 페이지 이벤트

차이 이해

jQuery Mobile은 $(document) 제한을 해결하기 위해 페이지 이벤트를 도입했습니다. .ready()는 모바일 페이지가 로드되기 전에 실행되어 문제를 일으킬 수 있습니다. pageinit과 같은 페이지 이벤트는 특정 페이지와 관련된 코드를 실행하는 보다 세분화된 방법을 제공합니다.

페이지 이벤트 순서

한 페이지에서 다른 페이지로 전환할 때 페이지 이벤트의 순서 는:

1. 언로드 이벤트

   • pagebeforeunload
   • pageunload
   • pageremove

2. 로드 이벤트

   • pagebeforecreate
   • pagecreate
   • pageinit

3. 표시/숨기기 이벤트

   • pagebeforeshow
   • pageshow
   • pagebeforehide
   • pagehide

데이터 전달

페이지 간 데이터를 전송하려면 $.mobile.changePage() 함수의 data 또는 url 속성을 사용하세요. 수신 페이지의 데이터에 액세스하려면 $(this).data() 또는 $(this).attr("data-url") 메소드를 사용하십시오.

코드 구성

더 나은 코드 구성을 위해서는 페이지 초기화 코드를 JavaScript 파일에서 별도로 유지하는 것이 좋습니다. 전역 설정의 경우 mobileinit 이벤트를 사용하세요.

페이지 전환 방지

특정 조건에 따른 페이지 전환을 방지하려면 pagebeforechange 이벤트와 e.preventDefault() 메서드를 사용하세요.

다중 이벤트 바인딩 방지

다중 이벤트 바인딩을 방지하려면 이벤트 처리에 pageinit를 사용하세요. 또는 리바인드하기 전에 이벤트 핸들러를 제거하세요.

페이지 시간

페이지 전환에는 로딩, 향상(스타일 지정) 및 전환 실행이 포함됩니다. 전환의 평균 실행 시간은 약 670밀리초입니다.

페이지 간 데이터 조작

다음은 페이지 간 데이터를 조작하는 몇 가지 방법입니다.

• 방법 1: 다음과 함께 dataUrl 또는 데이터 매개변수를 사용하세요. $.mobile.changePage().
• 방법 2: John Bale의 Multiple Popups와 같은 jQuery 플러그인을 사용합니다.
• 방법 3: 데이터 저장 $(document).data()를 사용하여 $(document) 객체에서

위 내용은 jQuery Mobile: 언제 `$(document).ready()`에 `pageinit`을 사용해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!