Почему приложение jQuery Mobile не отображается правильно в браузере Android 4.0.3?

У меня есть приложение jQuery Mobile (1.1.0), которое выполняется при просмотре с помощью браузера Chrome, FF, Mobile Safari и браузера на Android 2.2. Однако при просмотре в браузере в симуляторе 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?

Нашел проблему. Это правило css, которое я добавил во время тестирования iOS:

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

Подтвердите это.

Обновлена ​​вкладка Galaxy 10.1 с 3.2 до 4.0.3. Страницы JQM 1.1 не загружались, отображая в основном пустую страницу и без заголовка.

Решение выше фиксировало все это. Производительность также улучшилась. Однако наши страницы НЕ используют переход.

Btw, тип ввода = «дата» будет правильно активировать собственный выбор даты. Type = "number" будет иметь десятичную точку, как и следовало бы, которая не работала над 3.2.

После поиска спасения я нашел кое-что, что помогло мне ..

Я добавил:

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

К <div data-role=content ..> и он решил проблему!

Хотя у меня все еще есть проблемы с всплывающим окном jQuery, который скрывается под другими элементами, несмотря на высокий индекс z.