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

Он отображает цвет темы для дорожки ползунка.

буква (аз)