ฉันกำลังพยายามพัฒนาแอพมือถือโดยใช้ Phonegap และ jQuery Mobile ปัญหาที่ฉันมีคือหน้าไม่เปลี่ยนแปลงเมื่อมีการกระตุ้นเหตุการณ์ นี่คือโค้ดของเพจและ jQuery:
<div id="deviceready" data-role="page">
<div data-role="header">Header</div>
<div role="main" class="ui-content">
<form>
<label for="username">User name:</label>
<input name="username" id="username" value="" type="text">
<label for="password">User name:</label>
<input name="password" id="password" value="" type="password">
<button id="submit-login" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-user">Login</button>
</form>
</div>
<div data-role="footer">Footer</div>
</div>
<div id="formResults" data-role="page">
<div data-role="header">Header</div>
<div>Hello from success</div>
<div data-role="footer">Footer</div>
</div>
<script type="text/javascript">
$('#submit-login').click(function() {
$(':mobile-pagecontainer').pagecontainer('change', '#formResults', {
reload: true
});
});
</script>
การนำทางไม่ทำงานระหว่างหน้า