android - 为什么我的 jQuery Mobile 应用程序无法在 Android 4.0.3 浏览器中正确显示？

Question

我有一个 jQuery Mobile (1.1.0) 应用程序在使用 Chrome、FF、Mobile Safari 和 Android 2.2 浏览器查看时正在运行。但是，在Android 4.0.3 模拟器的浏览器中查看时，出现了一系列问题。

这些包括:

1) 不显示页眉栏(它在节目中短暂显示然后消失 - 固定页脚没问题)。

2) 页面上的按钮未显示 - 但仍能正确接收和处理点击事件。

这也发生在同事的 ICS Android 手机 (Galaxy Nexus) 上。

标记对于 jQM 来说都是相当标准的。例如，主按钮是标签。 header 是:

<header data-role="header">
    <h1 data-bind="text: theTitle"></h1>

    <a id="waitButton" href="#" class="ui-btn-left" data-bind="click: wait">Wait</a>
    <a id="pollButton" href="#" class="ui-btn-right" data-bind="click: poll">Poll</a>
</header>

[数据绑定(bind)属性用于 Knockout.js]

有谁知道我需要更改什么才能使其在 ICS 上运行？或者这是 jQuery Mobile 的“正在进行的工作”？

Answer 1

发现问题。这是我在 iOS 测试期间添加的 css 规则:

.ui-page 
{
    /* Supposed to reduce flickering, but screwed up Ice Cream Sandwich. */
    -webkit-backface-visibility: hidden;
}