2013-03-15 1 views
4

친구들!
저는 jquerymobile 1.3.0과 jquery 1.9.1을 사용합니다.
나는 2 개 이상의 jquerymobile 페이지를 가지고 있습니다. 예를 들어
:이 방법 후jquerymobile 페이지를 프로그래밍 방식으로 변경하고이 페이지로 데이터를 보내는 방법은 무엇입니까?

$.mobile.changePage('#secondPage', 
    { 
     data: {id: 123, module: 111} 
    } 
); 

: 난

<div data-role="page" id="firstPage"> 
    <!-- Header --> 
    <div data-role="header"> 
     <h3>First page</h3> 
    </div> 
    <!-- Body --> 
    <div data-role="content"> 
     some content ... 
    </div> 
</div> 

<div data-role="page" id="secondPage"> 
    <!-- Header --> 
    <div data-role="header"> 
     <h3>Second page</h3> 
    </div> 
    <!-- Body --> 
    <div data-role="content"> 
     some content ... 
    </div> 
</div> 

내가이 방법을 사용하려고
두 번째 페이지로 첫 페이지에서 변경, 일부 PARAMS에게 일반적으로 URL을 보낼 필요 첫 번째 페이지의 요소는 숨기기이고 URL은
www.mydomain.com/main.html?id=123&module=111 으로 변경되지만 페이지는 변경되지 않습니다. 나는이 페이지의 해시에 대한 URL로 페이지를 변경하려고 생각합니다. 내가 firstPage로 돌아갈 시도 할 때 작업))) 그러나, 페이지가 변경됩니다

location.href += '?id=1234&module=111#secondPage'; 

이 방법을 :
과 URL 양식

www.mydomain.com/main.html?id=123&module=111#secondPage 

여야는 내가 사용하려고 하지만, URL의 데이터

www.mydomain.com/main.html?id=123&module=111 

그럼 내가 다음 방법

을 사용하여이 데이터를 삭제하려고 남아
location.href = location.href.replace(location.origin, "").replace(location.pathname, ""); 

하지만이 방법을 사용하면 내 firstPage가 반복적으로 변경됩니다.
제발 도와주세요. secondPage로 데이터를 보내고 firstPage로 돌아갈 때이 데이터를 삭제하는 방법은 무엇입니까?
내 뒤로 버튼은 뒤로 돌아 가기위한 원시 jquerymobile 방법을 사용했습니다.

<a data-theme="a" data-role="button" data-transition="fade" href="#firstPage" data-iconpos="notext" class="ui-btn-left backButton"></a> 

P/S. 내 영어에 대한 미안 해요, 내 영어 수준은 초보입니다

답변

1

하나의 html로 두 페이지를 정의하면 URL이있는 다른 페이지에 인수를 보낼 필요가 없습니다. 자바 스크립트 변수와 페이지 이벤트를 사용하면됩니다.

URL 인수를 사용하여 서버 측 코드를 실행하는 경우 다른 .html 파일을 사용하십시오. 하나의 html 파일, 한 페이지 스타일. 모바일 기기와 최상의 사용자 실험에

그러나 부드러운 전환 효과에 대한

, 내가 AJAX를 사용하여 선호하고, 변경 페이지 살/

안부

+0

안녕을 만들! 예, 물론입니다! 지금은 JavaScript 변수에 모든 매개 변수를 유지하지만 페이지를 새로 고친 후에는 모든 매개 변수가 손실됩니다. 페이지를 새로 고친 후 복원하기 위해 url의 설정을 저장해야합니다. – ToibayevNariman

관련 문제