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

@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() мы инициализировали диалоговое окно при загрузке страницы.