Как создать диалоговое окно подтверждения в jQuery Mobile? - PullRequest
7 голосов
/ 30 июня 2011

Я хочу, чтобы диалоговое окно подтверждения (не простой JavaScript) показывалось, когда пользователь нажимает кнопку, но я бы предпочел, чтобы оно вставлялось вместо ссылки на другую страницу.

Как встроить диалоговое окно для использования на странице jQuery Mobile?

1 Ответ

12 голосов
/ 30 июня 2011

У вас есть 2 варианта - если вы хотите, чтобы он всплывал и заполнял страницу, вы можете создать диалоговую страницу JQM (даже динамически) и переключиться на нее.Диалоги JQM объяснены более подробно здесь:

http://jquerymobile.com/demos/1.0b1/docs/pages/docs-dialogs.html

Вполне возможно добавить новый диалог на той же странице (просто добавьте его в контейнер над контейнером с данными-role = "page") и переключитесь на него с помощью $ .changePage (...)

Другой вариант, если вы хотите, чтобы он всплывал "поверх" существующего контента (модальный режим из диалога пользовательского интерфейса), этот плагинсделаю это:

http://dev.jtsage.com/jQM-SimpleDialog/

Полное раскрытие: я написал второй, поэтому я предвзят.Тем не менее, он использует немного варианта 1 выше, и вы, конечно, можете разорвать код, чтобы посмотреть, как он работает, если вы предпочитаете свернуть свой собственный.

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

Другой вариант - использовать встроенный всплывающий интерфейс, добавленный в последней основной версии (я думаю, 1.2.0).Его можно найти здесь, и оно включено по умолчанию:

http://jquerymobile.com/demos/1.2.0/docs/pages/popup/index.html

...