jQuery mobile - после обновления браузера страница полностью испортилась
Я разрабатываю приложение JQM с Spring Mobile в бэк-энде. Всякий раз, когда я нажимаю кнопку обновления браузера на моем мобильном телефоне, страница полностью разрушается. Браузер-кнопка назад работает нормально.
Данные все еще доступны из-за шаблона prg (flashAttributes в Spring) после обновления. Только вид искажен.
Есть идеи, как решить эту проблему?
1 ответ
От jQuery Mobile документы:
Самый простой подход при создании сайта jQuery Mobile - ссылаться на один и тот же набор таблиц стилей и скриптов в заголовке каждой страницы. Если вам нужно загрузить определенные сценарии или стили для конкретной страницы, мы рекомендуем привязывать логику к событию pageinit (подробности ниже), чтобы запускать необходимый код при создании конкретной страницы (которая может быть определена по ее атрибуту id или числу других способов). Следуя этому подходу, вы убедитесь, что код выполняется, если страница загружается напрямую или загружается и отображается через Ajax.
Так что же происходит - в jQuery MobileСценарии и стили, определенные в заголовке, загружаются только один раз. Таким образом, в нормальных условиях он работает нормально, так как все страницы будут использовать скрипты, загруженные с первой страницы.
Но. Когда вы обновляете промежуточную страницу, она запускает перезагрузку страницы вместо модели навигации ajax, которую использует jqm. Таким образом, все скрипты и стили, загруженные с первой страницы, не будут включены далее.
Что вам нужно сделать, так это "ссылаться на один и тот же набор таблиц стилей и скриптов в заголовке каждой страницы", чтобы даже если вы нажали "Обновить" в середине, скрипты и стили, которые были загружены из заголовка первой страницы, загружен снова.
Я рекомендую вам полностью прочитать документы по вышеуказанной ссылке, чтобы лучше понять.