Android アプリケーションを cordova-1.6.1 から cordova-2.5.0 にアップグレードしました。また、jquery.mobile-1.1.0 から jquery.mobile-1.3.0.js にアップグレードしました。Android 2.3.3 でアプリケーションを実行しています。最初のページ index.html はスプラッシュ画面で、3 秒後に login.html ページに移動します。最初のページ、スプラッシュ ページは正しく表示されますが、最初のページから別のページにリンクしても、2 番目のページは空白になります。これはすべて、アップグレード前に機能していました。さらに一歩進んで、すべての login.html ページ コンテンツを index.html にコピーすると、ログイン フォームが正しく表示されました。次に、表示される次のページが何であれ、空白になります。ここに私が取り組んでいるコードがあります:
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>AFitnessPal</title>
<script src="jquery.mobile/jquery-1.9.0.js"></script>
<link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.3.0.css" />
<script src="jquery.mobile/jquery.mobile-1.3.0.js"></script>
<script type="text/javascript" charset="utf-8" src="javascripts/cordova-2.5.0.js"></script>
<script type="text/javascript" charset="utf-8" src="javascripts/DBAdapter.js"></script>
</head>
<body>
<div data-role="page" id="indexpage" data-dom-cache="false">
<div data-role="header" data-position="inline">
<h1>AFitnessPal</h1>
</div>
<div data-role="content">
<ul id="LoginForm" data-role="listview">
<li data-role="fieldcontain"><label for="name">Login
ID:</label> <input type="text" maxlength="100" name="loginID" id="loginID"
value="" /></li>
<li data-role="fieldcontain"><label for="name">Password:</label>
<input type="password" maxlength="100" name="loginPassword"
id="loginPassword" value="" /></li>
<li data-role="fieldcontain"><label for="slider2">Remember
login:</label> <select name="RememberLogin" id="RememberLogin"
data-role="slider">
<option value="0">No</option>
<option value="1">Yes</option>
</select></li>
<li class="ui-body ui-body-b">
<fieldset class="ui-grid-a">
<div class="ui-block-b">
<button onclick="javascript:DoLogin();" data-theme="a">Submit</button>
</div>
</fieldset>
</li>
<li class="ui-body ui-body-b">
<div align="center">
<a href="CreateAccount.html"> Create New Account</a>
</div>
</li>
</ul>
</div>
<script type="text/javascript" charset="utf-8">
function goToLogin()
{
$.mobile.changePage("Login.html", { transition: "flip"} );
}
$("#indexpage").on('pageinit', function(){
alert('login.html pageinit fired');
});
$("#indexpage").on("pageshow", function(e) {
alert('login.html pageshow fired');
});
</div>
</body>
</html>