2012-08-07 4 views
0

안녕하세요. div에 여러 가지 다른 페이지가 있다는 점에서 html 파일이 있습니다. 이제 한 페이지에서 다른 페이지로 이동하고 싶습니다.이 경우 $.mobile.changePage("#test")을 사용하고 있지만 test.html 로의 탐색은 수행되지 않습니다. test.html에 다른 html 파일을 사용하고 $.mobile.changePage(("test.html"));으로 호출하면 탐색이 수행됩니다.

또한 loadPage로 시도했지만 문제도 해결되지 않습니다. 모든 제안을 주시면 감사하겠습니다. 미리 감사드립니다. 위의 HTML 파일에 관해서 다른 페이지로 이동, 그리고 지금 $.mobile.changePage('#secondPage'); secondPage가 firstPage에서 탐색하지 전에

<body> 
<div data-role="page" id="firstPage" onclick=callSecondPage() class="type-home"> 

     <div data-role="button"> 
      <input type="submit" data-role="button" value="firstPage" id="firstPage"> 
     </div> 

     <script type="text/javascript"> 
      function callSecondPage() 
      { 
       alert ("Inside callPage"); 

       $.mobile.changePage('#secondPage'); 

      } 
     </script> 

</div> 

<div data-role="page" id="secondPage" onclick=callThirdPage() class="type-home"> 

     <div data-role="button"> 
      <input type="submit" data-role="button" value="secondPage" id="secondPage"> 
     </div> 

     <script type="text/javascript"> 
      function callThirdPage() 
      { 
       alert ("Inside callPage"); 

       $.mobile.changePage('#thirdPage'); 

      } 
     </script> 

</div> 

<div data-role="page" id="thirdPage" onclick=callFourthPage() class="type-home"> 

     <div data-role="button"> 
      <input type="submit" data-role="button" value="thirdPage" id="thirdPage"> 
     </div> 

     <script type="text/javascript"> 
      function callFourthPage() 
      { 
       alert ("Inside callPage"); 

       $.mobile.changePage('#fourthPage'); 

      } 
     </script> 

</div> 

<div data-role="page" id="fourthPage" class="type-home"> 

     <div data-role="button"> 
      <input type="submit" data-role="button" value="fourthPage" id="fourthPage"> 
     </div> 

</div> 

<div data-role="page" id="fifthPage" class="type-home"> 

     <div data-role="button"> 
      <input type="submit" data-role="button" value="fifthPage" id="fifthPage"> 
     </div> 

</div> 

<div data-role="page" id="sixthPage" class="type-home"> 

     <div data-role="button"> 
      <input type="submit" data-role="button" value="sixthPage" id="sixthPage"> 
     </div> 

</div> 

:

여기 내 코드입니다. 그러나 응용 프로그램의 동일한 코드 내가 index.html을 배치하는 경우 (즉, 진입 점은 적절한 탐색이 이루어집니다.

+0

JQM 페이지에 사용하는 HTML을 제공 하시겠습니까? –

답변

0

당신은

$.mobile.changePage($("#test")) 

페이지로드를 기다리는 $ .mobile.changePage로 전화가 작성해야? 여기에 몇 가지 코드를 보도록하겠습니다.

+0

다음과 같이 오류가 발생했습니다 : TypeError : 표현식 결과 'toPage.data ("페이지") '[정의되지 않음]이 (가) 파일이 아닙니다 : ///android_asset/www/jquery.mobile-1.1.1/jquery.mobile-1.1.1.js : 2843 – PPD

+1

$ .mobile.changePage (" #테스트") 충분해야한다 그래서 나는 이것이 효과가 있지 않았다는 것을 놀래 지 않는다. 페이지가 변경되지 않으면 JQM은 해당 ID를 사용하여 data-role = "page"로 div를 찾지 못합니다. 불행히도 당신이 사용한 HTML을 보지 않고는 더 이상 도움이되지 않습니다. –

관련 문제