Почему jQueryMobile перезагружает страницу в диалоговом окне?

Question

загружает диалог jQueryMobile с помощью этого кода:

<a data-rel="dialog" href="/path/to/dialog?arg1=val1" data-theme="b" id="deleteButton" class="ui-btn-right home" data-direction="reverse" data-transition="slidedown">Delete</a> 

диалога Моего две кнопок:

<a data-role="button" href="/path/to/page/that/showed/dialog" id="deleteAddressButton" data-rel="back">Delete</a> 
<a data-role="button" data-theme="a" href="/path/to/page/that/showed/dialog" data-rel="back">Cancel</a> 

Когда я нажать кнопки, диалоговое окно закроется и возвращается к странице, которая открывается диалоговое окно. Однако страница, открывающая диалоги, перезагружается через ajax, что кажется ненужным и нарушает все. Кто-нибудь знает, почему это происходит? Должно ли диалоговое окно просто закрыться без перезагрузки вызывающей страницы?

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

Главная страница -> Страница, которая вызывает диалог -> Dialog

Проблема происходит, когда я иду в сначала первую страницу, затем страницу, вызывающую диалог. Если я делаю полную перезагрузку страницы на странице, которая вызывает диалог, а затем открывает и закрывает диалог, страница, вызывающая диалог, не перезагружается через ajax.

Редактировать: Это происходит и на сайте документации jQuery Mobile. Чтобы убедиться в этом:

1. Перейти к http://jquerymobile.com/demos/1.0.1/
2. Перейдите к "Страницы & Диалоги"
3. Перейдите к "Диалоги"
4. Нажмите на первую кнопку "Open Dialog".
5. Используйте Firebug или что-то похожее на просмотр вызовов Ajax.
6. Закройте диалоговое окно с помощью любой кнопки.
7. Обратите внимание, что вызовы Ajax запускаются для перезагрузки вызывающей страницы.

Answer 1

Сайт jQuery Mobile делает то же самое, поэтому это должно быть поведение по умолчанию.

Answer 2

Вы что-нибудь делаете в обратном вызове «pageShow»? Потому что это, вероятно, то, что вызывает это. Событие «pageShow» снова будет запущено после скрытия диалогового окна.

Если вы не хотите, чтобы это было показано, вам понадобится либо перестроить свой код для обработки этого соответственно, либо использовать «pageLoad» вместо отображения страницы. Вот ссылка на документы JQM, описывающие это поведение: http://jquerymobile.com/test/docs/api/events.html

Answer 3

Редактировать

Это делает трюк, и убедитесь, что вы используете диалог $ ('# yourDialog'). ('Закрыть') $.mobile.page.prototype.options.domCache = true;

Я могу подтвердить, что даже если только при нажатии на окно запускается диалог, как ожидается, jQM все еще выполняет запрос AJAX для этой страницы. Было бы неплохо, если бы это был не единственный способ, но пока все выглядит так, как будто это так.

Answer 4

Редактировать

Простое решение заключается в использовании не-Ajax ссылку на страницу, которая вызывает диалоговое

<a href="url/to/page-that-calls-dialog" data-ajax="false">...</a> 

, которая работает за счет потери кэша DOM и необходимости перезагрузки всю страницу.

Похоже, мы должны подождать, пока jQuery не даст правильное поведение виджету диалога.

Причина

Это происходит потому, что JQuery мобильный держит только три страницы в DOM:

1. страницу, на которой был загружен первый раз (на домашней странице в вашем случае).
2. Страница перехода (одна с анимацией загрузки).
3. Страница, на которую вы переходите (страница диалога в этом случае).

Первый живет до тех пор, пока вы не сделаете навигацию без аякса (например, обновите браузер или введите URL-адрес, а затем нажмите клавишу ввода), если это так, новая станет первой.

Второй появляется только при переходе на другую страницу и живет в тот же промежуток времени, что и первый.

Третий всегда держит новую страницу, на которую вы переходите, и (вот «тролль-магия») он заменяется каждый раз, когда вы перемещаетесь с помощью ajax.

В этом порядке идей:

• При входе в ваш «Домашняя страница» первая страница устанавливается на ваш «Домашняя страница».

• Когда вы переходите на страницу «Страница, которая вызывает диалог», создается страница sencond, а третья - «Страница, вызывающая диалог».

• Когда вы вызываете свое диалоговое окно, это заменяет прежнюю третью страницу, поэтому ваша «Страница, вызывающая диалог» удаляется из DOM.

Answer 5

Это, кажется, ошибка, и я открыл issue for jquery-mobile at github вместе с патчем.