jQuery Mobile - Атрибуты данных
Кнопка
Он определяет кнопку, на которую можно нажимать, которая включает в себя контент, такой как текст или изображения, с использованием класса ui-btn . Он устарел в версии 1.4. Используйте атрибут ui-btn вместо атрибута data-role = "button" .
В следующей таблице перечислены элементы кнопки, используемые с атрибутом данных.
Sr.No. | Атрибут данных и описание | Значение |
---|---|---|
1 | data-corners Он определяет, должна ли кнопка содержать закругленные углы или нет. |
правда | ложный |
2 | data-icon Он определяет значок кнопки. |
По умолчанию нет значка |
3 | data-iconpos Он определяет положение значка. |
слева | право | наверх | дно |
4 | data-iconshadow Он определяет, должен ли значок кнопки содержать тень или нет. |
правда | ложный |
5 | data-inline Он определяет, должна ли кнопка быть встроенной или нет. |
правда | ложный |
6 | data-mini Он определяет, должна ли кнопка отображаться в меньшем или обычном размере. |
правда | ложный |
7 | data-shadow Он определяет, должна ли кнопка содержать тень или нет. |
правда | ложный |
8 | data-theme Он отображает цвет темы для кнопки. |
буква (аз) |
Флажок
В следующей таблице перечислены элементы флажков, используемые с type = "checkbox".
Sr.No. | Атрибут данных и описание | Значение |
---|---|---|
1 | data-mini Он определяет, должен ли флажок отображаться в меньшем или обычном размере. |
правда | ложный |
2 | data-role Прекращает оформление флажков как кнопок. |
никто |
3 | data-theme Он отображает цвет темы для флажка. |
буква (аз) |
Складной
В следующей таблице перечислены складные элементы, используемые с data-role = "collapsible" атрибут.
Sr.No. | Атрибут данных и описание | Значение |
---|---|---|
1 | data-collapsed Он указывает, следует ли закрывать содержимое или расширять его. |
правда | ложный |
2 | data-collapsed-cue-text Он отображает отзывы пользователей, использующих программу чтения с экрана. |
По умолчанию сворачивается содержимое |
3 | data-collapsed-icon Он определяет значок складной кнопки. |
Значок по умолчанию - «плюс» |
4 | data-content-theme Он отображает цвет темы для сворачиваемого содержимого. |
буква (аз) |
5 | data-expanded-cue-text Он отображает отзывы пользователей, использующих программу чтения с экрана. |
По умолчанию контент расширяется |
6 | data-expanded-icon Когда вы разворачиваете контент, он отображает складную кнопку. |
Значок по умолчанию - «минус» |
7 | data-iconpos Он определяет положение значка. |
слева | право | наверх | дно |
8 | data-inset Он определяет, должна ли складная кнопка отображаться с закругленными углами и полями или нет. |
правда | ложный |
9 | data-mini Он определяет, должны ли складные кнопки отображаться меньшего размера или обычного размера. |
правда | ложный |
10 | data-theme Он отображает цвет темы для складной кнопки. |
буква (аз) |
Складной набор
В следующей таблице перечислены элементы складного набора, используемые с data-role = "collapsibleset" атрибут.
Sr.No. | Атрибут данных и описание | Значение |
---|---|---|
1 | data-collapsed-icon Он определяет значок складной кнопки. |
Значок по умолчанию - «плюс» |
2 | data-content-theme Он отображает цвет темы для сворачиваемого содержимого. |
буква (аз) |
3 | data-expanded-icon Когда вы разворачиваете контент, он отображает складную кнопку. |
Значок по умолчанию - «минус» |
4 | data-iconpos Он определяет положение значка. |
слева | право | наверх | дно |
5 | data-inset Он определяет, должна ли складная кнопка отображаться с закругленными углами и полями или нет. |
правда | ложный |
6 | data-mini Он определяет, должны ли складные кнопки отображаться меньшего размера или обычного размера. |
правда | ложный |
7 | data-theme Он отображает цвет темы для складной кнопки. |
буква (аз) |
Контрольная группа
В следующей таблице перечислены элементы Controlgroup, используемые с data-role = "controlgroup" атрибут -
Sr.No. | Атрибут данных и описание | Значение |
---|---|---|
1 | data-exclude-invisible Он определяет, следует ли исключать невидимые дочерние элементы при назначении закругленных углов. |
правда | ложный |
2 | data-mini Он определяет, должна ли группа отображаться в меньшем или обычном размере. |
правда | ложный |
3 | data-theme Он отображает цвет темы для контрольной группы. |
буква (аз) |
4 | data-type Он указывает, должна ли группа отображаться в горизонтальном или вертикальном формате. |
горизонтальный | вертикальный |
Диалог
В следующей таблице перечислены элементы диалога, используемые с data-dialog="true" атрибут.
Sr.No. | Атрибут данных и описание | Значение |
---|---|---|
1 | data-close-btn Он определяет положение кнопки закрытия. |
слева | право | никто |
2 | data-close-btn-text Он определяет текст для кнопки закрытия. |
текст |
3 | data-corners Он определяет, должен ли диалог отображаться с закругленными углами или нет. |
правда | ложный |
4 | data-dom-cache Он указывает, должен ли кеш DOM очищаться для отдельных страниц. |
правда | ложный |
5 | data-overlay-theme Он определяет цвет наложения страницы диалога. |
буква (аз) |
6 | data-theme Он определяет цвет темы страницы диалога. |
буква (аз) |
7 | data-title Он определяет заголовок страницы диалога. |
текст |
Улучшение
В следующей таблице перечислены элементы улучшения, используемые с data-enhance="false" or data-ajax = "false" атрибут.
Sr.No. | Атрибут данных и описание | Значение |
---|---|---|
1 | data-enhance Вы можете стилизовать страницу, установив для этого атрибута значение «true». Вы не можете стилизовать страницу, если для нее установлено значение «false». |
правда | ложный |
2 | data-ajax Он указывает, должны ли страницы загружаться из Ajax или нет. |
правда | ложный |
Фиксированная панель инструментов
В следующей таблице перечислены элементы панели инструментов, используемые с data-position = "fixed" атрибут.
Sr.No. | Атрибут данных и описание | Значение |
---|---|---|
1 | data-disable-page-zoom Он определяет, может ли пользователь масштабировать / масштабировать страницу или нет. |
правда | ложный |
2 | data-fullscreen Он определяет, что панели инструментов должны быть расположены вверху и / или внизу. |
правда | ложный |
3 | data-tap-toggle Он указывает, может ли пользователь переключать видимость панели инструментов при нажатии или нет. |
правда | ложный |
4 | data-transition Он показывает эффект перехода, когда вы касаетесь или щелкаете элемент. |
слайд | исчезать | никто |
5 | data-update-page-padding Он обновляет заполнение страницы с помощью событий изменения размера, перехода и обновления макета. |
правда | ложный |
6 | data-visible-on-page-show Он определяет видимость панели инструментов при отображении родительской страницы. |
правда | ложный |
Перекидной тумблер
В следующей таблице перечислены элементы переключения поворота, используемые с data-role = "flipswitch" атрибут -
Sr.No. | Атрибут данных и описание | Значение |
---|---|---|
1 | data-mini Он определяет, должен ли переключатель отображаться в меньшем или обычном размере. |
правда | ложный |
2 | data-on-text Он определяет текст «on» на флип-переключателе. |
По умолчанию "включено" |
3 | data-off-text Он определяет текст «выключено» на переключателе. |
По умолчанию "выключено" |
Нижний колонтитул
В следующей таблице перечислены элементы нижнего колонтитула, используемые с атрибутом data-role = "footer" -
Sr.No. | Атрибут данных и описание | Значение |
---|---|---|
1 | data-id Он определяет уникальный идентификатор. |
текст |
2 | data-position Он определяет, должен ли нижний колонтитул располагаться внизу или вместе с содержимым страницы. |
встроенный | исправлено |
3 | data-fullscreen Он определяет, должен ли нижний колонтитул располагаться внизу и над содержимым страницы или нет. |
правда | ложный |
4 | data-theme Он определяет цвет темы нижнего колонтитула. |
буква (аз) |
Заголовок
В следующей таблице перечислены элементы заголовка, используемые с data-role = "header" атрибут.
Sr.No. | Атрибут данных и описание | Значение |
---|---|---|
1 | data-id Он определяет уникальный идентификатор. |
текст |
2 | data-position Он определяет, должен ли заголовок располагаться внизу или вместе с содержимым страницы. |
встроенный | исправлено |
3 | data-fullscreen Он определяет, должен ли заголовок располагаться внизу и над содержимым страницы или нет. |
правда | ложный |
4 | data-theme Он определяет цвет темы заголовка. |
буква (аз) |
Входы
В следующей таблице перечислены элементы ввода, используемые с type = "text|search|etc" атрибут.
Sr.No. | Атрибут данных и описание | Значение |
---|---|---|
1 | data-clear-btn Он определяет, должен ли элемент ввода содержать кнопку очистки или нет. |
правда | ложный |
2 | data-clear-btn-text Он определяет текст для кнопки очистки. |
текст |
3 | data-mini Он определяет, должен ли ввод отображаться в меньшем или обычном размере. |
правда | ложный |
4 | data-role Он перестает стилизовать области ввода или текста как кнопки. |
никто |
5 | data-theme Он определяет цвет темы элемента ввода. |
буква (аз) |
Ссылка
В следующей таблице перечислены элементы ссылок, используемые с jQuery Mobile.
Sr.No. | Атрибут данных и описание | Значение |
---|---|---|
1 | data-ajax Он указывает, должны ли страницы загружаться через Ajax или нет. |
правда | ложный |
2 | data-direction Используется для обратного перехода. |
обеспечить регресс |
3 | data-dom-cache Он указывает, должен ли кеш jQuery DOM быть чистым или нет для страниц. |
правда | ложный |
4 | data-prefetch Он используется для предварительной загрузки страниц в DOM. |
правда | ложный |
5 | data-rel Он определяет поведение ссылки. |
назад | диалог | внешний | выскакивать |
6 | data-transition Он определяет переход от одной страницы к другой. |
исчезать | перевернуть | поток | поп | слайд | сползание | затухание | слайд-вверх | поворот | никто |
7 | data-position-to Он определяет положение всплывающих окон. |
происхождение | селектор jQuery | окно |
Список
В следующей таблице показаны элементы списка, используемые с data-role = "listview" атрибут.
Sr.No. | Атрибут данных и описание | Значение |
---|---|---|
1 | data-autodividers Он автоматически разделяет список. |
правда | ложный |
2 | data-count-theme Он определяет цвет темы элемента счетчика. |
буква (аз) |
3 | data-divider-theme Он определяет цвет темы для разделителя списка. |
буква (аз) |
4 | data-filter Он используется для фильтрации значений списка в поле поиска. |
правда | ложный |
5 | data-filter-placeholder Он определяет некоторый текст внутри поля поиска. |
текст |
6 | data-filter-theme Он определяет цвет темы для фильтра поиска. |
буква (аз) |
7 | data-icon Он предоставляет значок для списка. |
По умолчанию нет значка |
8 | data-inset Он определяет, должен ли список отображаться с закругленными углами и полями или нет. |
правда | ложный |
9 | data-split-icon Он определяет значок для кнопки разделения. |
Значок по умолчанию - «стрелка-r». |
10 | data-split-theme Он определяет цвет темы для разделенной кнопки. |
буква (аз) |
11 | data-theme Он определяет цвет темы для списка. |
буква (аз) |
Пункт списка
В следующей таблице показаны элементы элементов списка, используемые с data-role = "listview" атрибут.
Sr.No. | Атрибут данных и описание | Значение |
---|---|---|
1 | data-filtertext Он используется для фильтрации значений списка с помощью текста в поле поиска. |
текст |
2 | data-icon Он предоставляет значок для элемента списка. |
По умолчанию нет значка |
3 | data-role Он определяет разделитель для элементов списка. |
список-разделитель |
4 | data-theme Он определяет цвет темы для элемента списка. |
буква (аз) |
Навбар
В следующей таблице перечислены элементы навигационной панели, используемые с data-role = "navbar" атрибут.
Sr.No. | Атрибут данных и описание | Значение |
---|---|---|
1 | data-icon Он предоставляет значок для элемента списка. |
По умолчанию нет значка |
2 | data-iconpos Он определяет положение значка. |
слева | право | наверх | внизу | notext |
Страница
В следующей таблице перечислены элементы страницы, используемые с data-role = "page" атрибут.
Sr.No. | Атрибут данных и описание | Значение |
---|---|---|
1 | data-dom-cache Он указывает, должен ли кеш DOM очищаться для отдельных страниц. |
правда | ложный |
2 | data-overlay-theme Он определяет цвет наложения страниц диалога. |
буква (аз) |
3 | data-theme Он определяет цвет темы для страницы. |
буква (аз) |
4 | data-title Он обеспечивает заголовок для страницы. |
По умолчанию нет значка |
5 | data-url Он используется для обновления URL-адреса. |
url |
Выскакивать
В следующей таблице перечислены всплывающие элементы, используемые с data-role = "popup" атрибут.
Sr.No. | Атрибут данных и описание | Значение |
---|---|---|
1 | data-corners Он определяет, должно ли всплывающее окно отображаться с закругленными углами и полями или нет. |
правда | ложный |
2 | data-dismissible Он определяет, должно ли всплывающее окно закрываться по щелчку снаружи или нет. |
правда | ложный |
3 | data-history Он определяет, должно ли всплывающее окно отображать историю элемента при открытии. |
правда | ложный |
4 | data-overlay-theme Он определяет цвет наложения всплывающего окна. |
буква (аз) |
5 | data-shadow Он отображает тень для всплывающего окна. |
правда | ложный |
6 | data-theme Он определяет цвет темы для всплывающего окна. |
буква (аз) |
7 | data-tolerance Он определяет края окна. |
30, 15, 30, 15 |
Переключатель
В следующей таблице перечислены элементы переключателя, используемые с type = "radio" атрибут.
Sr.No. | Атрибут данных и описание | Значение |
---|---|---|
1 | data-mini Он определяет, должна ли кнопка отображаться в меньшем или обычном размере. |
правда | ложный |
2 | data-role Прекращает стилизацию радиокнопок как расширенных кнопок. |
никто |
3 | data-theme Он определяет цвет темы для переключателя. |
буква (аз) |
Выбрать
В следующей таблице перечислены выбранные элементы, используемые с jQuery Mobile.
Sr.No. | Атрибут данных и описание | Значение |
---|---|---|
1 | data-icon Он предоставляет значок для выбранного элемента. |
По умолчанию "стрелка-d" |
2 | data-iconpos Он определяет положение значка. |
слева | право | наверх | дно |
3 | data-inline Он определяет, должна ли кнопка быть встроенной или нет. |
правда | ложный |
4 | data-mini Он определяет, должен ли выбор отображаться в меньшем или обычном размере. |
правда | ложный |
5 | data-native-menu Он использует настраиваемое меню, если для него установлено значение false. |
правда | ложный |
6 | data-overlay-theme Он определяет цвет наложения для настраиваемого меню выбора. |
буква (аз) |
7 | data-placeholder Он используется для установки элемента option для неродного выбора. |
правда | ложный |
8 | data-role Он останавливает стилизацию выбранных элементов как кнопок. |
никто |
9 | data-theme Он отображает цвет темы для выбранных элементов. |
буква (аз) |
Слайдер
В следующей таблице перечислены элементы слайдера, используемые с type = "range" атрибут.
Sr.No. | Атрибут данных и описание | Значение |
---|---|---|
1 | data-highlight Он выделяет ползунок. |
правда | ложный |
2 | data-mini Он определяет, должен ли ползунок отображаться в меньшем или обычном размере. |
правда | ложный |
3 | data-role Прекращает оформление элементов управления ползунком как кнопок. |
никто |
4 | data-theme Он отображает цвет темы для ползунка. |
буква (аз) |
5 | data-track-theme Он отображает цвет темы для дорожки ползунка. |
буква (аз) |