Как мне остановить jQuery Mobile на полное обновление страницы после определенной последовательности ссылок на страницы? - PullRequest
1 голос
/ 18 января 2012

У меня есть несколько страниц в приложении jQuery Mobile, и все они содержатся в отдельных файлах.У меня есть ситуация, когда первая страница переходит на вторую страницу, используя переход Ajax по умолчанию.Когда я нажимаю кнопку «Назад» на второй странице, я получаю нормальный обратный переход Ajax, и контекст формы на странице 1 такой же, как и при выходе, например, выбор все тот же.Обратите внимание, что когда я нажимаю кнопку Назад, я не вижу всплывающего сообщения «Загрузка ...».

У меня есть третья страница, на которую ссылается страница 2, и мне нужно, чтобы это было data-ajax ="ложь", потому что она содержит теги Facebook Like, которые должны быть расширены.Я считаю, что если я использую переход Ajax, они не обрабатываются.Моя проблема в том, что после того, как я сделал ссылку на страницу 3, отличную от Ajax, все последующие переходы полностью обновляют страницу, хотя они и являются Ajax, потому что я вижу стандартное всплывающее окно «Загрузка Ajax».Но так как это полное обновление страницы, я теряю свой контекст формы каждый раз, в том числе со страницы 2 обратно на страницу 1. Например:

Page 1> Страница 2 <Страница 1 (все работает хорошо, страница 1то же самое, что и когда я его покинул) </p>

Страница 1> Страница 2> Страница 3 <Страница 2 <Страница 1 (переход с 2 на 1 полное обновление, вероятно, в порядке) </p>

Страница 1> Страница2 <страница 1 (страница 1 сбрасывается каждый раз, в отличие от исходного поведения для этих 2 страниц) </p>

Так что, похоже, что прохождение маршрута без Ajax нарушило связи между страницами 1 и 2 даже после возвратадля них заново.

Кто-нибудь еще заметил это поведение или может предложить решение для него?Обратите внимание, что все мои страницы являются собственными страницами с разметкой jQuery Mobile с верхним и нижним колонтитулами и div с data-role = "page";мои обратные ссылки таковы:

<a class="ui-btn-right" data-icon="back" data-rel="back" data-role="button" href="/">back</a>

1 Ответ

1 голос
/ 04 августа 2013

Если вы примените следующий атрибут data-ajax = "false" к вашей ссылке, например

<a class="ui-btn-right" data-icon="back" data-rel="back" data-role="button" data-ajax="false" href="/">

Это должно исправить.

Упоминается в http://jquerymobile.com/demos/1.0/docs/pages/page-links.html

...