私は次のようにHTML5を持っています。
<ul id="toolsmenu"></ul>
私が持っているJSファイルで
$("#toolsmenu").append("<li><a href='#msglist'…..……. ></a></li>");
これは、Android 4.2 エミュレーターで問題なく動作します。しかし、Android 2.3.3 を使用するとリストが表示されません。誰かがこれがなぜなのか教えてもらえますか?
Android 4.x は 2.x よりも HTML/JS 構文エラーに寛容であるため、問題の原因となっているコードが他にないことを確認することをお勧めします。次のテスト ケースは、Android 2.3.4 で機能しました。2.3.3 が異なる動作をする可能性は低いようです。
<html>
<head>
<script type="text/javascript" charset="utf-8" src="cordova-2.8.0.js"></script>
<script type="text/javascript" charset="utf-8" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
function deviceready() {
$("#toolsmenu").append("<li><a href='#msglist'>Message List</a></li>");
var deviceInfo = 'Device Name: ' + device.name + '<br />' +
'Device Cordova: ' + device.cordova + '<br />' +
'Device Platform: ' + device.platform + '<br />' +
'Device UUID: ' + device.uuid + '<br />' +
'Device Model: ' + device.model + '<br />' +
'Device Version: ' + device.version + '<br />';
$("#deviceProperties").html(deviceInfo);
}
document.addEventListener("deviceready", deviceready, true);
</script>
</head>
<body>
<ul id="toolsmenu"></ul>
<p id="deviceProperties">Loading device properties...</p>
</body>
</html>
ここに Eclipse プロジェクトと生成された APK を配置しました。ダウンロードしてデバイスで実行してみてください。
これは、Android 2.3.4 を実行している HTC HD2 で実行しているスクリーンショットです。