私はAndroidプログラミングが初めてで、PhonegapとjQuery Mobileを使用しようとしています。
Eclipse、Android SDK、および Phonegap を構成しましたが、これは正しく機能していますが、jQuery に問題があります。
jQueryのテストページは次のとおりです。
<!DOCTYPE html>
<html>
<head>
<title>TEST</title>
<script type="text/javascript" charset="utf-8" src="cordova-2.2.0.js"></script>
<script type="text/javascript" charset="utf-8" src="jquery.mobile-1.2.0.js"></script>
<script type="text/javascript" charset="utf-8">
var deviceReadyDeferred = $.Deferred();
var jqmReadyDeferred = $.Deferred();
document.addEventListener("deviceReady", deviceReady, false);
function deviceReady() {
$('#title2').html('THIS WORK');
deviceReadyDeferred.resolve();
}
$(document).one("mobileinit", function () {
jqmReadyDeferred.resolve();
});
$.when(deviceReadyDeferred, jqmReadyDeferred).then(doWhenBothFrameworksLoaded);
function doWhenBothFrameworksLoaded() {
$('#title2').html('THIS WORK');
}
</script>
</head>
<body>
<table width=100% height="50" border ="0">
<tr>
<td>
<div id="title">TEST</div>
<div id="title2">TEST2</div>
</td>
</tr>
</table>
</body>
</html>
「TEST2」が「THIS WORK」に置き換わることを期待していましたが、Android エミュレーターを起動するとそうではありません。
誰かが私が間違っていることを見つけるのを手伝ってくれますか?
助けてくれてどうもありがとう
よろしくお願いします。
フロラン