jQuery mobile에서 뒤로가기 버튼을 누르면 이미 DOM에 포함이 되어버려 화면갱신이 되지 않는다.
경우에 따라 화면을 강제로 갱신할 필요가 있을 경우 아래와 같이 작성하고 자바스크립트 파일에 추가한다.
(주문상세내역을 확인한 후 다시 주문목록으로 돌아갈 때, 그 사이 새로운 주문이 있는지 또는 확인한 주문내역을 상태가 변경된 것을 목록에서 나타내기 위해 화면을 갱신할 때 사용했다.)
하단은 모든 페이지의 뒤로가기 버튼에서 사용할 때,
$(document).on("pagehide", "div[data-role=page]", function(event){
$(event.target).remove();
});
하단은 특정 페이지에서만 동작하도록 할 때 사용한다.
$(document).on("pagehide", "#[pageID]", function() {
// your code here
});
터치가 잘 안되는 문제가 있어보임.
안쓰는게 좋을 듯...
2013년 12월 29일 추가 : 링크에 data-ajax="false" 옵션을 사용하는데 더 낫다.
'jQuery' 카테고리의 다른 글
모바일 웹앱의 현주소 (0) | 2013.12.30 |
---|---|
이미지를 모바일 해상도에 맞게 조절하기 (0) | 2013.10.11 |
[고급] AJAX 데이터베이스 예제 (1) | 2009.08.04 |
[고급] AJAX 제시어 소스코드 (0) | 2009.08.03 |
[고급] AJAX 제시어 예제 (0) | 2009.08.03 |