jQuery-mobile changePage с модальным

Question

Я просто хочу использовать changePage, но иметь полноэкранное окно вместо модальной страницы.

На данный момент я создаю свой собственный модальный блок, но jQM не стилизует его, вероятно, потому что это не data-role = page.

Есть ли решение без добавления плагина?

Спасибо.

Answer 1

Возможно, вы захотите изменить роль данных целевой страницы как dialog и вызвать метод changePage с параметрами {role: 'dialog'}.

Проверьте это на jsfiddle .

Answer 2

Есть ли причина настаивать на changePage вместо использования ссылки?Существует аналогичный вопрос SO (извините, нет ссылки).Это можно сделать с помощью метода changePage и установки роли в диалог.Если вы хотите, чтобы вызывающая страница все еще оставалась видимой в фоновом режиме, вам нужно будет сделать три вещи при возникновении события pageLoad.1) показать предыдущую страницу (вызывающую страницу), которая автоматически скрывается в событии changePage.2) установить непрозрачность или что-то на всех других div, чтобы придать ему модальный эффект.3) установите наложение диалога прозрачным, чтобы вы могли видеть предыдущие страницы.Самый простой способ выполнить третий - использовать аспект темы наложения (например, jqm 1.0) и установить его прозрачным в таблице стилей.