为什么我的jQuery Mobile的应用程序不会在Android 4.0.3浏览器中正确显示？(W

我有使用Chrome，FF，移动Safari和Android上2.2浏览器查看时正在运行的jQuery Mobile的（1.1.0）的应用程序。 然而，在浏览器在Android 4.0.3模拟器观看时有问题的范围。

这些包括：

1）不显示标题栏（这简要显示在节目，并将它们消失 - 固定页脚是细）。

2）页面上的按钮不显示 - 但仍然接收和正确处理click事件。

这也发生在一位同事的ICS Android手机（Galaxy Nexus的）。

标记是JQM所有相当标准。 主要按钮的标签，例如。 标题是：

<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>

[数据绑定属性对于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;
}

Answer 2:

证实了这一点。

升级银河10.1标签从3.2到4.0.3。 JQM 1.1页没有加载，显示主要是空白页，并没有头。

上述方案中固定所有的这些。 表现似乎也得到了改善。 我们的页面不使用过渡，但是。

顺便说一句，输入类型=“日期”将正确地激活本地日期选择器。 类型=“数量”将允许，因为它应该有，这是不上3.2工作小数点。

Answer 3:

寻找救赎后..我发现的东西，帮我..

我说：

-webkit-transform: translate3d(0,0,0);
-webkit-transform: translateZ(0px);

到<div data-role=content ..>并解决了这个问题！

虽然我仍然有jQuery的弹出这是在其他元素隐藏尽管它是高z-index的问题。

文章来源: Why does my jQuery Mobile app not show correctly in the Android 4.0.3 browser?