Неправильная раскладка, использованная при первой загрузке после переключения на мобильную версию приложения

Question

У меня есть 2 макета приложения: application.html.haml и application.mobile.haml. Но когда я переключаюсь с мобильной на немобильную версию, мобильная раскладка все еще используется для первой загрузки. В консоли Firebug я вижу, что немобильное представление было возвращено правильно, однако браузер и вкладка Firebug HTML отображают мобильную разметку Есть идеи, что происходит? После обновления все нормально.

Answer 1

Недавно я столкнулся с подобной проблемой.

В моем случае турболинки Rails4 пострадали.Как и JQuery Mobile, turbolinks обновляет только часть тела полной страницы, не обновляя заголовок html, когда щелкает ссылка внутри сайта.Я просто удалил строку require для turbolinks в моем application.js, и проблема исчезла.

Answer 2

Проблема, как оказалось, была вызвана JQuery Mobile.

Я нашел ответ здесь: http://jquerymobile.com/demos/1.0a3/docs/pages/docs-pages.html

JQuery Mobile не выполняет полную перезагрузку страницы, пока не получено уведомление, поэтому, хотя полный html был возвращен, JQuery Mobile просто заменил часть страницы,

Ключевая часть документов: «Важно отметить, что если вы ссылаетесь с мобильной страницы, которая была загружена через Ajax, на страницу с несколькими внутренними страницами, вам нужно добавить rel =" external "или data-ajax = "false" для ссылки. Это заставляет платформу выполнить полную перезагрузку страницы, чтобы очистить хеш Ajax в URL. Это важно, поскольку страницы Ajax используют хеш (#) для отслеживания истории Ajax,в то время как несколько внутренних страниц используют хеш для обозначения внутренних страниц, поэтому могут возникнуть конфликты. "