2012-07-08 2 views
1

자리 표시 자 콘텐츠 블록이있는 페이지가 있습니다. 페이지가로드되면 기본적으로 또는 사용자 상호 작용에 의해로드되는 일부 AJAX 컨텐트로 기본 블록을 대체합니다.사용자가 Jquery Mobile에서 페이지를 떠난 후 기본 HTML 요소를 복원하는 방법은 무엇입니까?

// inside AJAX success handler 
// data is JSON string sent via AJAX 
// target is the element containing my default content 

var makeUp = data; 

target.addClass('fade out').html(makeUp).trigger('create') 
     .removeClass('fade out').addClass('fade in') 

이 잘 작동하고 사용자가 페이지에 무언가를 할 때마다 나는 내용을 대체 할 수

나는과 같이로드 된 내용을 대체하고있다.

그러나 사용자가 페이지를 떠나 DOM에있을 때 다시 돌아 오면 기본 콘텐츠를 표시하려고합니다. 지금은 마지막 AJAX 콘텐츠가 표시됩니다. 그래서 페이지 숨기기에 바인딩을 찾고 어딘가에서 기본 콘텐츠를 복원합니다.

질문 : 페이지의 기본 콘텐츠를 저장하는 가장 좋은 방법은 무엇
. 그것은별로 (컨트롤 그룹 1 개, 텍스트 블록 2 개) 아니지만 래퍼 컨테이너에 데이터 기본값 문자열로 추가하는 것을 꺼려합니다. 더 좋은 방법이 있어야합니다.

감사합니다.

답변

1

CanIUse 페이지에 따르면 HTML5의 web storage 기능을 사용하여 일부 값을 저장할 수 있습니다. 관련성이있는 몇 가지 모바일 브라우저를 특별히보고 있습니다.

값은 텍스트 블록을 검색하고 자리 표시자를 채울 수있는 몇 가지 키워드가 될 수 있습니다. 또는 충분히 작 으면 두 개의 텍스트 블록을 저장하고 검색 할 수 있습니다.

+0

hm. 좋은 출발점. 나는 단지 참조를 저장하고 referencecen을 기반으로 기본 컨텐츠를 가져 오는 아이디어를 좋아합니다. 그런 다음 다시 웹용이 아닌 브라우저에서 작동하는지 확인하기 위해 데이터 또는 jqmData를 사용하여 페이지 요소에이 참조를 넣습니다. 그러면 분명 거기에있게 될 것입니다. 감사 – frequent

관련 문제