Это платформа пользовательского интерфейса, которая построена на ядре jQuery и используется для разработки адаптивных веб-сайтов или приложений, доступных на мобильных, планшетных и настольных устройствах.
Он создает веб-приложения таким образом, что он будет работать одинаково на мобильных, планшетных и настольных устройствах.
Он совместим с другими платформами, такими как PhoneGap, Whitelight и т. Д.
Он предоставляет набор форм для сенсорного ввода и виджеты пользовательского интерфейса.
Он предоставляет вам функциональность для всех мобильных, планшетных и настольных платформ, а также повышает эффективность загрузки страниц и расширяет поддержку устройств.
Он основан на jQuery Core и фреймворке пользовательского интерфейса «меньше пиши, делай больше».
Это открытый исходный код, кросс-платформенный и кросс-браузерный совместимый.
Он написан на JavaScript и использует функции jQuery и jQueryUI для создания мобильных дружественных сайтов.
Он объединяет HTML5, CCS3, jQuery и jQueryUI в единую структуру для создания страниц с минимальными сценариями.
Он включает в себя навигационную систему Ajax, которая использует анимированные переходы страниц.
Легко изучать и разрабатывать приложения, если вы знакомы с функциями HTML5, CSS3.
Он кросс-платформенный и кросс-браузерный, поэтому вам не нужно беспокоиться о написании различного кода для каждого разрешения устройства.
Он использует HTML5 наряду с JavaScript для легкой разработки веб-приложений.
Он построен таким образом, что позволяет автоматически масштабировать один и тот же код с экрана мобильного устройства на экран рабочего стола.
Существуют ограниченные возможности для тем CSS, поэтому сайты могут выглядеть аналогично тем, которые созданы этими темами.
Приложения, разработанные с использованием jQuery Mobile, работают медленнее на мобильных устройствах.
Это займет больше времени, когда вы комбинируете jQuery mobile с другими мобильными фреймворками.
Сложно обеспечить полный индивидуальный визуальный дизайн.
Выборочная загрузка : загрузка настраиваемой версии библиотеки.
Последняя стабильная версия: получить стабильную и последнюю версию библиотеки jQuery Mobile.
Вы можете использовать следующие файлы CDN —
<link rel = «stylesheet» href = «https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css»>
<script src = «https://code.jquery.com/jquery-1.11.3.min.js»> </ script>
<script src = «https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js»> </ script>
Это создает заголовок в верхней части страницы.
Он используется для определения содержимого страницы.
Это создает нижний колонтитул в нижней части страницы.
Он включает отступы и поля внутри содержимого страницы.
В один мобильный документ jQuery можно включить несколько страниц, которые загружаются вместе путем добавления нескольких элементов div с атрибутом data-role = «page».
Используйте атрибут data-dialog = «true» для любой страницы, чтобы отобразить диалог.
Атрибут data-transition используется для применения различных переходов в диалоге, таких как слайд-таун, переворот и т. Д.
Кнопка может быть закрыта с помощью атрибута data-close-btn.
Атрибут data-rel = «back» используется для перехода к предыдущему диалогу.
Тема может быть включена в диалог путем добавления атрибута data-theme в любые контейнеры, такие как заголовок, нижний колонтитул или контент.
щ-краеугольный все
Вы можете установить значок в кнопке, используя класс ui-icon и класс ui-btn-icon-pos_name для указания позиции для значка.
Вы можете добавить тень значка в кнопку с помощью класса ui-shadow-icon.
Вы можете удалить серый круг вокруг значка с помощью класса ui-nodisc-icon.
Используйте класс ui-grid-solo в теге div для создания сетки из одного столбца.
Добавьте класс ui-grid-a в тег div и включите два дочерних контейнера с классом ui-block-a и ui-block-b для создания двухколоночной разметки.
Используйте класс ui-grid-b в теге div для создания сетки из трех столбцов.
Используйте класс ui-grid-c в теге div для создания сетки из четырех столбцов.
Используйте класс ui-grid-d в теге div, чтобы создать сетку из пяти столбцов.
Создайте простую основную кнопку на странице с помощью класса ui-btn.
Создайте группу кнопок вертикально и горизонтально на странице с помощью атрибута data-role = «controlgroup».
Вы можете создать меньшую кнопку на странице с помощью класса ui-mini и отобразить положение значков на кнопке с помощью класса ui-btn-icon-ico_pos.
Используйте атрибут data-role = «date» в поле ввода для отображения в формате дд / мм / гг.
Collapsible можно создать с помощью атрибута data-role = «collapsible» для контейнера.
Вы можете отобразить контрольную группу, используя атрибут data-role = «controlgroup».
Используя атрибут data-filter = «true», вы можете фильтровать дочерние элементы любого элемента.
Flip Switch позволяет выключить / включить или включить / выключить переключатель, нажав на него для ввода логического стиля.
Список просмотра используется для отображения списка элементов. Атрибут data-role = «listview» включен в контейнер для отображения списка в списке с вертикальной прокруткой.
Виджет Rangeslider предоставляет вам пару ручек, позволяющих выбрать диапазон числовых значений.
Событие будет реагировать на взаимодействие с пользователем, когда пользователь нажимает на определенную страницу или наводит указатель мыши на элемент и т. Д.
Он срабатывает, когда пользователь нажимает на элемент, используя идентификатор страницы для указания события, а метод on () присоединяет обработчики событий.
Он срабатывает, когда пользователь перетаскивает объект более чем на 30 пикселей по горизонтали, используя идентификатор страницы для указания события, а метод on () присоединяет обработчики событий.
Событие запуска прокрутки срабатывает, когда пользователь начинает прокручивать страницу, и событие остановки прокрутки срабатывает, когда пользователь прекращает прокручивать страницу с помощью идентификатора страницы, чтобы указать событие, и метод on () присоединяет обработчики событий.
Вы можете вызвать событие ориентации, когда пользователь поворачивает устройство по вертикали или горизонтали, используя событие Ориентация изменения . Он использует свойство window.orientation, чтобы указать, задано ли для окна или устройства вертикальная или горизонтальная ориентация.
Вы можете отобразить значение ползунка в виде всплывающей подсказки, используя атрибут data-popup-enabled = «true».
Переключатель столбцов помещает столбцы в скрытое место и позволяет пользователю выбирать столбцы согласно их выбору, используя атрибут data-mode = «columntoggle».
Он представляет данные в горизонтальном формате, свернув таблицу в сложенное представление с помощью атрибута data-mode = «reflow».
Вы можете отобразить наборы данных в формате полос и штрихов, используя классы таблиц и штрихов.
Вы можете повысить качество и функциональность текстового ввода, установив атрибут data-extended = «true» в поле ввода.
Вы можете изменить цвет значка на черный с помощью класса ui-alt-icon. По умолчанию все значки белые.
Он был разработан командой проекта jQuery в 2010 году и написан на JavaScript.
Это указывает, должны ли страницы быть загружены через ajax или нет.