Question

我的HTML5如下所示。

<ul id="toolsmenu"></ul>

在JS文件中我有

$("#toolsmenu").append("<li><a href='#msglist'…..……. ></a></li>");

这在Android 4.2模拟器上没有问题。但是当我使用Android 2.3.3时，列表不会显示。有人可以告诉我这是为什么？

Answer 1

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 here - 尝试下载并在您的设备上运行它。

以下是运行Android 2.3.4的HTC HD2上运行的屏幕截图：

Test case running on my HTC HD2 running Android 2.3.4

适用于Android 2.3.3的Android PhoneGap问题

1 个答案: