Intereting Posts
Расширение панели инструментов при нажатии EditText Панель инструментов вызова для каждой операции При использовании библиотеки поддержки я получаю сообщение об ошибке «Атрибут« »уже определен в android Android и Facebook Как действие с объектом Open Graph Ошибка сборки Travis Ci, вызванная лицензионными соглашениями Android SDK Изменение ScrollView scrollBarStyle программно в Android Случайные сбои приложения с фатальным сигналом 7 (SIGBUS), кодом 2 или фатальным сигналом 11 (SIGSEGV), кодом 1 Как эта реализация «StickyScrollView» привязывает представление к вершине ScrollView? Как протестировать, если курсор пуст в запросе SQLiteDatabase Предложение кода в src / test не работает в Android Studio Как добавить новые контакты в android GetAuthToken не работает, это ICS Получите медиаплеер видеовидео на Android Использование SVGZ-файлов без сервера. (Локальный iOS / Android) Как отображать извлеченные данные json в listview с помощью baseadapter

Почему приложение 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.