jQuery Mobile을 이용한 웹 개발에서 페이지가 점프(pageA => pageB)되면 pageB에서 참조하는 JS가 성공적으로 실행되지 않습니다. 왜냐하면 JQM은 전체 페이지를 현재 dom에 로드하지 않고 현재 dom에 data-role="page" 요소만 추가하기 때문입니다.
따라서
에 소개된 외부 JS 파일과
태그 외부의 JS는 정상적으로 실행되지 않으며, 페이지 새로고침 후 성공적으로 로딩됩니다.
JQM의 이 기능은 적극적으로 변경될 가능성이 낮기 때문에 해결 방법은 두 가지가 있습니다:
먼저, 사용해야 하는 모든 외부 JS 파일을 인덱스에 등록합니다. 또는 마스터 페이지를 사용하여 통합합니다.
두 번째는 페이지가 어떻게 이동하든 실행할 수 있도록 data-role="page" 태그 아래에 페이지의 내부 JS를 작성하는 것입니다.