Я использую PhoneGap 2.2.0 в сочетании с jQuery Mobile 1.2.0 для своего приложения на платформе Android (версия 2.3.3 и выше). На страницах я использую фиксированные заголовки и вообще никаких переходов. Отдых в значительной степени стандартный jQuery.
Когда я перемещаюсь со страницы на страницу, я на короткое мгновение получаю белый мигание (целая страница). Я несколько раз искал в Интернете.
Не удалось выполнить попытку ниже:
- Десятки CSS-хаков, которые я нашел в Интернете. (например: https://github.com/jquery/jquery-mobile/issues/4024 и https://groups.google.com/forum/?fromgroups=#!topic/phonegap/EtZ2KwseKQ0 и Мерцание при навигации между страницами).
- Я попытался переключить фиксированные заголовки (опять же, я не использую эффекты перехода).
- Я попробовал jQuery Mobile 1.3.1. (там не повезло)
- Одна вещь, которую я не пробовал, это PhoneGap 2.3.0, но я не вижу в этом списке ничего интересного. Изменить: проблема сохраняется на PhoneGap 2.5.0.
Когда я выключаю аппаратное ускорение в проекте Android, мигание исчезнет. Но тогда некоторые стили CSS идут не так, и общая производительность очень плохая (очевидно).
Я также попробовал код ниже.
ui.page {
-webkit-transform: translateZ(0);
-webkit-perspective:1000;
-webkit-backface-visibility: hidden;
}
Плохо все равно не повезло.
Также попробовал это: https://github.com/watusi/jquery.mobile.simultaneous-transitions Еще одна короткая (полная белая страница) мигает перед переходом.
Кажется, что это не имеет ничего общего с переменами анимации самой страницы, но что-то странное, что происходит сразу же после разгрузки старой страницы и перед загрузкой новой.
Обновление 25-04-2013: Также попробовали: https://groups.google.com/forum/?fromgroups=#!topic/phonegap/EtZ2KwseKQ0 https://github.com/jquery/jquery-mobile/issues/4024 https://github.com/jquery/jquery-mobile/pull/4129
Единственное, что заставляет мигать, - удалить часть неподвижного голова. Тогда это так же гладко, как масло, но я пропускаю заголовки, совместимые с панелями.
Также попробовал шаблон 1 страницы (все страницы в одном файле). Не помогло.
jQuery Mobile 1.3.1 PhoneGap 2.5.0 Android 4+ Устройства: - Google Samsung Galaxy Nexus - Samsung Galaxy Tab 10.1 (возникла проблема, но у вас больше нет устройства) - Samsung Galaxy Note 10.1
Теперь я представил вопрос о Github: https://github.com/jquery/jquery-mobile/issues/6031