私はコルドバとjqmobileを使い始めています。
ここでいくつかのガイドといくつかの投稿に従いましたが、どれも役に立ちません。いくつかの値を返す ajax 呼び出しを使用して、簡単なテスト アプリを作成しました。一部の Android の携帯電話 (つまり、Android 4.2 の Google nexus、Android 2.3 の Galaxy ace) では正常に動作しますが、私の Galaxy s4 では動作しません。
何が欠けていますか??
これは私のindex.jsです
var deviceReadyDeferred = $.Deferred();
var jqmReadyDeferred = $.Deferred();
document.addEventListener('mainpage',deviceReady(),false);
function deviceReady(){
deviceReadyDeferred.resolve();
}
$(document).on('mobileinit',function(){
jqmReadyDeferred.resolve();
});
$.when(deviceReadyDeferred,jqmReadyDeferred).then(doWhenBothFrameworksLoaded());
function doWhenBothFrameworksLoaded (){
$.mobile.allowCrossDomainPages = true;
$.support.cors = true;
loadRepos();
}
loadRepos()
関数には ajax が含まれています。
<html>
<head>
<meta charset="utf-8" />
<title>Page Title</title>
<meta name="viewport" content="width=device-width, height=device-height initial-scale=1">
<link rel="stylesheet" href="assets/jquery.mobile/jquery.mobile-1.3.1.min.css" />
<script src="assets/jquery/jquery-1.10.2.min.js"></script>
<script src="assets/jquery.mobile/jquery.mobile-1.3.1.min.js"></script>
</head>
<body>
<div data-role="page" id="mainpage">
<div data-role="header" data-position="fixed" id="deviceready">
<h1>Ticket Test</h1>
<div data-role='navbar'>
<ul>
<li><a href="#mymenu" data-inline='true' data-icon="grid">Menu</a></li>
<li><a href="#popupMenu" data-rel="popup"
data-role="button" data-inline="true"
data-transition="slideup" data-icon="gear" data-theme="e">Options</a></li>
<li><a href="#mycerca" data-icon="search"
data-inline='true'>Cerca</a></li>
</ul>
</div>
</div>
<div data-role="content">
<h2>Dashboard</h2>
<table id="dashboard" data-role="table" data-mode="columntoggle"
class="ui-responsive table-stroke" data-filter="true">
<thead>
<tr>
<th>Number</th>
<th data-priority="2">Company</th>
<th data-priority="3">Queue</th>
<th data-priority="4">Receiver</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>