爲什麼我的jQuery Mobile應用程序無法在Android 4.0.3瀏覽器中正確顯示？

我有一個jQuery Mobile（1.1.0）應用程序，在使用Chrome，FF，Mobile Safari和Android 2.2上的瀏覽器查看時正在運行。但是，在Android 4.0.3模擬器的瀏覽器中查看時，存在一系列問題。爲什麼我的jQuery Mobile應用程序無法在Android 4.0.3瀏覽器中正確顯示？

這些包括：不顯示

1）標題欄（這簡要顯示在節目，並將它們消失 - 固定頁腳是細）。

2）頁面上的按鈕未顯示 - 但仍然正確接收和處理點擊事件。

這也發生在同事的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的「正在進行中」？

來源

2012-05-02 dommer

發現問題。我在iOS測試中添加了這條css規則：

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

來源

2012-05-02 19:01:24 dommer

剛剛救了我一個重大的頭疼。升級到JqueryMobile 1.1和android崩潰。該舊版JQM添加了css代碼段，以修復Android上的閃爍。它不再需要，並且實際上將它打破。 – Halsafar

確認。

升級後的Galaxy 10.1選項卡從3.2到4.0.3。 JQM 1.1頁面未加載，主要顯示空白頁面，並且沒有標題。

上面的解決方案固定所有這些。性能似乎也有所提高。但是，我們的頁面不使用轉換。

順便說一下，input type =「date」會正確地激活本地日期選擇器。 type =「number」將允許小數點，因爲它應該有，這不適用於3.2。

來源

2012-09-19 14:19:49

尋找救贖後..我發現的東西，幫我..

我說：

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

到<div data-role=content ..>，它解決了這個問題！

儘管jQuery的彈出窗口仍然存在問題，但它隱藏在其他元素下面，儘管z-index很高。

來源

2013-06-22 07:00:55 doron

爲什麼我的jQuery Mobile應用程序無法在Android 4.0.3瀏覽器中正確顯示？

回答

相關問題