@rebekah
Диалоговое окно в jQuery Mobile можно создать с помощью метода dialog()
. Например:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
Открыть диалог Диалоговое окно Содержимое диалогового окна Закрыть |
JS-код:
1 2 3 |
$(document).on("pagecreate", function() { $("#mydialog").dialog(); // инициализация диалогового окна }); |
В этом примере мы создали кнопку с data-rel="dialog"
, которая вызывает диалоговое окно с id="mydialog"
. Внутри диалогового окна мы явно указали заголовок и контент с помощью элементов data-role="header"
и data-role="content"
. Также мы добавили кнопку "Закрыть" в data-role="footer"
с data-rel="back"
, чтобы закрыть диалог при ее нажатии.
С помощью метода dialog()
мы инициализировали диалоговое окно при загрузке страницы.