[jQuery mobile] back 버튼을 누르면 강제로 refresh 하기

jQuery mobile에서 뒤로가기 버튼을 누르면 이미 DOM에 포함이 되어버려 화면갱신이 되지 않는다.

경우에 따라 화면을 강제로 갱신할 필요가 있을 경우 아래와 같이 작성하고 자바스크립트 파일에 추가한다.

(주문상세내역을 확인한 후 다시 주문목록으로 돌아갈 때, 그 사이 새로운 주문이 있는지 또는 확인한 주문내역을 상태가 변경된 것을 목록에서 나타내기 위해 화면을 갱신할 때 사용했다.)

하단은 모든 페이지의 뒤로가기 버튼에서 사용할 때,

$(document).on("pagehide", "div[data-role=page]", function(event){
  $(event.target).remove();
});

하단은 특정 페이지에서만 동작하도록 할 때 사용한다.

$(document).on("pagehide", "#[pageID]", function() {
    // your code here
});

출처 : http://stackoverflow.com/questions/15576998/jquery-mobile-refresh-previous-page-on-back-button

터치가 잘 안되는 문제가 있어보임.

안쓰는게 좋을 듯...

2013년 12월 29일 추가 : 링크에 data-ajax="false" 옵션을 사용하는데 더 낫다.