jquery 모바일에서 페이지가 변경되는 문제가 있습니까?

onClick 이벤트가있는 페이지를 변경할 수 없습니다. 다음 오류가 발생했습니다. "유형 정의되지 않은 typeerror가 ''정의되지 않은 페이지 변경 '을 호출 할 수 없습니다. 경고가 표시되어 컨트롤이 mobileapp.js로 이동하지만 페이지가 표시됩니다. 적재하지 않습니까? 왜 ?jquery 모바일에서 페이지가 변경되는 문제가 있습니까?

이

<body> 

<!-- Home page..--> 
<div data-role="page" id="homePage"> 
     <div data-role="header" data-theme="b"> 
      <h1> 
       Gps Coordinates 
      </h1> 
     </div> 

<div data-role="content"> 
<div id="demo" STYLE="font-family: verdana; color: black"> 
<p>Searching for GPS..</p> 
</div> 
<div id="location" STYLE="font-family: verdana; color: black"> 
<p>Searching for Location Name</p> 
</div> 
<br></br> 
<input id="SMS" type="submit" onClick='goToSms()' data-theme="b" value="Send SMS" data-mini="false"> 
<input id="EMAIL" type="submit" onClick='gomail()' data-theme="b" value="Send E-mail" data-mini="false"> 
<input id="save" type="submit" onClick='showList()' data-theme="b" value="Save" data-mini="false"> 
<div id="MailLatlongs" style="display: none"> 
<p>Searching for GPS..</p> 
</div> 
</div> 
</div> 


<!-- Sms page..--> 
<div data-role="page" id="smsPage"> 
<div data-theme="b" data-role="header"> 
      <h4> 
       Send SMS 
      </h4> 
</div> 
     <div data-role="content"> 
      <div data-role="fieldcontain"> 
       <input name="" id="numberTxt" placeholder="Enter mobile number" value="" type="tel" data-mini="true"><br> 
       <textarea name="" id="messageTxt" placeholder="Enter message" data-mini="false" ></textarea> 
       <br> 
       <input id="btnDefaultSMS" type="submit" data-theme="b" value="Send SMS" data-mini="false"> 
      </div> 
     </div>   
</div> 


<!-- viewDBList page..--> 
<div data-role="page" id="savedList"> 
<div data-theme="b" data-role="header"> 
      <h4> 
       Save Location 
      </h4> 
</div> 
     <div data-role="content"> 
      <div data-role="fieldcontain"> 
      <input name="" id="defendLatlongs" value="" type="text" data-mini="true"><br> 
      <input name="" id="defendLocation" placeholder="Enter Location name" value="" type="text" data-mini="true"><br> 
      <label for="select-choice-1" class="select">Choose category</label> 
      <select name="select-choice-1" id="select-choice-1"> 
       <option value="standard">Select category</option> 
      </select> 
      <input name="" id="defendCategory" placeholder="Enter category name" value="" type="text" data-mini="true"><br> 
     </div>   
     </div> 
</div> 

</body>

내 자바 스크립트와 JS 코드가 mobileapp.js

function selectOrganisation() 
{ 
     $.mobile.changePage('#homePage', "slide", false, true);   
} 
function selectSMS() 
{ 
alert("test1"); 
     $.mobile.changePage('#smsPage', "slide", false, true);   
} 
function selectList() 
{ 
alert("test2"); 
     $.mobile.changePage('#savedList', "slide", false, true);   
}

에 대한

<script type="text/javascript" src="static/mobileapp.js"></script> 
<script type="text/javascript">  
function goToSms() 
     { 
     alert("sms"); 
     selectSMS(); 
     } 
     // Redirect to list Page 
     function showList() 
     { 
     alert("save page"); 
     selectList(); 

     } 
</script>

코드입니다 : 컨트롤이 내 HTML 코드 smsPage 및 savedList 페이지

않을 것입니다

출처

2014-04-01 Vinod

변경 페이지 용 태그를 사용할 수 있습니다. 입력 버튼을 사용할 필요가 없습니다. 예 :

<a href="#homePage" class="nav-buttons next" data-transition="slide"></a>

출처

2014-04-01 07:21:57 system7

jquery 모바일에서 페이지가 변경되는 문제가 있습니까?

답변

관련 문제