jQuery Mobile + Phonegap: Заголовок сторінки та вміст переходять порожній після завершення переходу - jquery, ios, cordova

У мене є додаток phonegap (2.2.0) + jquery mobile (1.2.0), у якого виникає дивна проблема.

У моїй програмі є сторінка, яка містить посилання назавантажити іншу сторінку. На завантаженій сторінці у мене є кнопка повернення, яка при натисканні повертає користувача до попередньої сторінки. Коли я переглядаю цю взаємодію у веб-браузері, вона працює ідеально, і помилки не видаються.

Однак, коли я переглядаю це в IOS, вміст сторінкиі заголовок зникає після завершення анімації переходу кнопок назад. Я бачу, як на сторінці відображається мить, і все стає білим. Знову просто зникають заголовок сторінки та вміст. Я розмістив сповіщення в рамках події на сторінці, на яке я повертаюся, і сторінка не залишається порожньою, поки не буде закрито сповіщення.

Щоб зробити речі більш чужими, якщо натиснути / натиснути напорожня область сторінки, вміст чарівно відображається! Я просто не розумію. Я спробував перефарбувати сторінку, зателефонувавши на .page () та / або .trigger ("updatelayout") на контейнер сторінки, але, здається, нічого не зробить.

Лише ця сторінка має цю проблему. Усі інші переходи працюють нормально, навіть після того, як відбувається чиста сторінка.

Я "не міг цього розібратися вже багато годин, тому будь-яка допомога з цим буде дуже вдячна.

Відповіді:

Виявляється, це був один рядок CSSзіпсувати це. Я додавав деякий час CSS назад, щоб зменшити мерехтіння між переходами. Коли я його зняв, все працювало належним чином. Критичний css був таким:

.ui-page { -webkit-backface-visibility: hidden; }