Пользователь может взаимодействовать со страницами jQuery Mobile, которые группируют контент в логические представления и представления страниц. Просмотр страницы можно анимировать, используя переходы страниц. С помощью HTML-документа можно создать несколько страниц, поэтому нет необходимости запрашивать контент с сервера.
Следующая таблица демонстрирует типы страниц в деталях.
Sr.No. | Тип и описание |
---|---|
1 | Одна страница
Одна страница создается в HTML-документе с использованием стандартного способа написания шаблона. |
2 | Многостраничный шаблон
Несколько страниц могут быть включены в один HTML-документ, который загружается вместе путем добавления нескольких div с data-role = «page» . |
3 | Страница диалогов
Модальные диалоги открывают контент в интерактивном оверлее над страницей. |
Одна страница создается в HTML-документе с использованием стандартного способа написания шаблона.
Несколько страниц могут быть включены в один HTML-документ, который загружается вместе путем добавления нескольких div с data-role = «page» .
Модальные диалоги открывают контент в интерактивном оверлее над страницей.
Соглашения, а не требования
-
Элементы атрибута data-role, такие как верхний колонтитул, нижний колонтитул, страница и содержимое, используются для предоставления основного формата и структуры страницы.
-
Для одностраничных документов обертка страницы требовалась для автоматической инициализации и устанавливается как необязательная.
-
Структурный элемент может быть исключен для веб-страницы с пользовательским макетом.
-
Для управления страницами оболочка страницы внедряется платформой, когда она не включена в разметку.
Элементы атрибута data-role, такие как верхний колонтитул, нижний колонтитул, страница и содержимое, используются для предоставления основного формата и структуры страницы.
Для одностраничных документов обертка страницы требовалась для автоматической инициализации и устанавливается как необязательная.
Структурный элемент может быть исключен для веб-страницы с пользовательским макетом.
Для управления страницами оболочка страницы внедряется платформой, когда она не включена в разметку.
Предварительная выборка страниц
Включая атрибут data-prefetch , мы можем предварительно выбирать страницы в DOM в шаблонах с одной страницей. Для получения дополнительной информации нажмите здесь .
DOM Cache
Когда память браузера заполняется в DOM, это замедляет работу мобильного браузера или может привести к сбою из-за загрузки нескольких страниц. Существует простой способ сохранить DOM в чистоте —
Когда страница загружается через ajax, это означает удаление страницы из DOM при перенаправлении на другую страницу.
Предыдущая страница, которую вы посетили, может быть извлечена из кэша при повторном посещении.
Вместо удаления страниц вы можете указать jQuery mobile оставить его в DOM, используя следующую строку:
Установите для параметра domCache значение true в плагине страниц, чтобы сохранить все страницы в DOM, которые посещались ранее.