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

Пользователь

от rebekah , в категории: JavaScript , 8 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от edyth , 6 месяцев назад

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