Учебники

jQuery Mobile — Атрибуты данных

Он определяет активируемую кнопку, которая включает в себя контент, такой как текст или изображения, используя класс ui-btn . Это устарело в версии 1.4. Используйте атрибут ui-btn вместо использования атрибута data-role = «button» .

В следующей таблице перечислены элементы кнопки, используемые с атрибутом данных.

Sr.No. Данные-атрибут и описание Значение
1

данных-углы

Он определяет, должна ли кнопка содержать закругленные углы или нет.

правда | ложный
2

-значок данных

Он определяет значок кнопки.

По умолчанию нет значка
3

данных-iconpos

Это определяет положение иконы.

левый | правильно | верх | низ
4

данное iconshadow

Он определяет, должна ли иконка кнопки содержать тень или нет.

правда | ложный
5

данные рядные

Он определяет, должна ли кнопка быть встроенной или нет.

правда | ложный
6

Данные мини

Он определяет, должна ли кнопка отображаться в меньшем размере или обычном размере.

правда | ложный
7

данная тень

Он определяет, должна ли кнопка содержать тень или нет.

правда | ложный
8

данные тема

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

буква (аз)

данных-углы

Он определяет, должна ли кнопка содержать закругленные углы или нет.

-значок данных

Он определяет значок кнопки.

данных-iconpos

Это определяет положение иконы.

данное iconshadow

Он определяет, должна ли иконка кнопки содержать тень или нет.

данные рядные

Он определяет, должна ли кнопка быть встроенной или нет.

Данные мини

Он определяет, должна ли кнопка отображаться в меньшем размере или обычном размере.

данная тень

Он определяет, должна ли кнопка содержать тень или нет.

данные тема

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

флажок

В следующей таблице перечислены элементы флажка, используемые с type = «checkbox» .

Sr.No. Данные-атрибут и описание Значение
1

Данные мини

Он определяет, должен ли флажок отображаться в меньшем размере или обычном размере.

правда | ложный
2

данная роль

Останавливает оформление флажков как кнопок.

никто
3

данные тема

Он отображает цвет темы для флажка.

буква (аз)

Данные мини

Он определяет, должен ли флажок отображаться в меньшем размере или обычном размере.

данная роль

Останавливает оформление флажков как кнопок.

данные тема

Он отображает цвет темы для флажка.

разборный

В следующей таблице перечислены свертываемые элементы, используемые с атрибутом data-role = «collapsible» .

Sr.No. Данные-атрибут и описание Значение
1

данный разрушились

Указывает, должен ли контент быть закрыт или расширен.

правда | ложный
2

данный разрушились-биток текст

Он отображает обратную связь для пользователей с программным обеспечением для чтения с экрана.

По умолчанию рушится контент
3

-значок данных разрушилась

Определяет иконку складной кнопки.

По умолчанию значок «плюс»
4

данные контент тема

Он отображает цвет темы для складного контента.

буква (аз)
5

Данные вспененные-биток текст

Он отображает обратную связь для пользователей с программным обеспечением для чтения с экрана.

По умолчанию расширение контента
6

-значок данных расширен

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

По умолчанию значок «минус»
7

данных-iconpos

Это определяет положение иконы.

левый | правильно | верх | низ
8

данная врезка

Он определяет, должна ли складная кнопка отображаться со скругленными углами и полем или нет.

правда | ложный
9

Данные мини

Он определяет, должны ли складные кнопки отображаться в меньшем размере или обычном размере.

правда | ложный
10

данные тема

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

буква (аз)

данный разрушились

Указывает, должен ли контент быть закрыт или расширен.

данный разрушились-биток текст

Он отображает обратную связь для пользователей с программным обеспечением для чтения с экрана.

-значок данных разрушилась

Определяет иконку складной кнопки.

данные контент тема

Он отображает цвет темы для складного контента.

Данные вспененные-биток текст

Он отображает обратную связь для пользователей с программным обеспечением для чтения с экрана.

-значок данных расширен

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

данных-iconpos

Это определяет положение иконы.

данная врезка

Он определяет, должна ли складная кнопка отображаться со скругленными углами и полем или нет.

Данные мини

Он определяет, должны ли складные кнопки отображаться в меньшем размере или обычном размере.

данные тема

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

Складной комплект

В следующей таблице перечислены элементы свертываемого набора, используемые с атрибутом data-role = «collapsibleset» .

Sr.No. Данные-атрибут и описание Значение
1

-значок данных разрушилась

Определяет иконку складной кнопки.

По умолчанию значок «плюс»
2

данные контент тема

Он отображает цвет темы для складного контента.

буква (аз)
3

-значок данных расширен

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

По умолчанию значок «минус»
4

данных-iconpos

Это определяет положение иконы.

левый | правильно | верх | низ
5

данная врезка

Он определяет, должна ли складная кнопка отображаться со скругленными углами и полем или нет.

правда | ложный
6

Данные мини

Он определяет, должны ли складные кнопки отображаться в меньшем размере или обычном размере.

правда | ложный
7

данные тема

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

буква (аз)

-значок данных разрушилась

Определяет иконку складной кнопки.

данные контент тема

Он отображает цвет темы для складного контента.

-значок данных расширен

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

данных-iconpos

Это определяет положение иконы.

данная врезка

Он определяет, должна ли складная кнопка отображаться со скругленными углами и полем или нет.

Данные мини

Он определяет, должны ли складные кнопки отображаться в меньшем размере или обычном размере.

данные тема

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

Контрольная группа

В следующей таблице перечислены элементы Controlgroup, используемые с атрибутом data-role = «controlgroup»

Sr.No. Данные-атрибут и описание Значение
1

данные исключить-невидимо

Он определяет, следует ли исключать невидимых детей при назначении закругленных углов.

правда | ложный
2

Данные мини

Он определяет, должна ли группа отображаться в меньшем размере или обычном размере.

правда | ложный
3

данные тема

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

буква (аз)
4

тип данных

Указывает, должна ли группа отображаться в горизонтальном или вертикальном формате.

горизонтальный | вертикальный

данные исключить-невидимо

Он определяет, следует ли исключать невидимых детей при назначении закругленных углов.

Данные мини

Он определяет, должна ли группа отображаться в меньшем размере или обычном размере.

данные тема

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

тип данных

Указывает, должна ли группа отображаться в горизонтальном или вертикальном формате.

диалог

В следующей таблице перечислены элементы диалога, используемые с атрибутом data-dialog = «true» .

Sr.No. Данные-атрибут и описание Значение
1

данные крупные БТНО

Он определяет положение кнопки закрытия.

левый | правильно | никто
2

данных крупным БТН-текст

Он определяет текст для кнопки закрытия.

текст
3

данных-углы

Он определяет, должен ли диалог отображаться со скругленными углами или нет.

правда | ложный
4

данных дом-кэш

Это указывает, должен ли кэш DOM очищаться для отдельных страниц.

правда | ложный
5

данных оверлеев тема

Он определяет цвет наложения диалоговой страницы.

буква (аз)
6

данные тема

Он определяет цвет темы страницы диалога.

буква (аз)
7

данных в заголовке

Он определяет заголовок страницы диалога.

текст

данные крупные БТНО

Он определяет положение кнопки закрытия.

данных крупным БТН-текст

Он определяет текст для кнопки закрытия.

данных-углы

Он определяет, должен ли диалог отображаться со скругленными углами или нет.

данных дом-кэш

Это указывает, должен ли кэш DOM очищаться для отдельных страниц.

данных оверлеев тема

Он определяет цвет наложения диалоговой страницы.

данные тема

Он определяет цвет темы страницы диалога.

данных в заголовке

Он определяет заголовок страницы диалога.

усиление

В следующей таблице перечислены элементы расширения, используемые с атрибутом data-extension = «false» или data-ajax = «false» .

Sr.No. Данные-атрибут и описание Значение
1

данных повышения

Вы можете стилизовать страницу, установив для этого атрибута значение «true». Вы не можете стилизовать страницу, если она установлена ​​на «ложь».

правда | ложный
2

данная Ajax

Он указывает, должны ли страницы загружаться из Ajax или нет.

правда | ложный

данных повышения

Вы можете стилизовать страницу, установив для этого атрибута значение «true». Вы не можете стилизовать страницу, если она установлена ​​на «ложь».

данная Ajax

Он указывает, должны ли страницы загружаться из Ajax или нет.

Фиксированная панель инструментов

В следующей таблице перечислены элементы панели инструментов, используемые с атрибутом data-position = «fixed» .

Sr.No. Данные-атрибут и описание Значение
1

данные отключения страницы масштабирование

Он определяет, может ли пользователь масштабировать / масштабировать страницу или нет.

правда | ложный
2

данные на весь экран

Он определяет панели инструментов должны быть расположены сверху и / или снизу.

правда | ложный
3

Данные-тук-переключатель

Это указывает, может ли пользователь переключать видимость панели инструментов на нажатиях или нет.

правда | ложный
4

Данные-переход

Он показывает эффект перехода, когда вы нажимаете или нажимаете на элемент.

слайд | исчезать | никто
5

данные обновление страниц-набивка

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

правда | ложный
6

данные видимые на странице-шоу

Он определяет видимость панели инструментов, когда отображается родительская страница.

правда | ложный

данные отключения страницы масштабирование

Он определяет, может ли пользователь масштабировать / масштабировать страницу или нет.

данные на весь экран

Он определяет панели инструментов должны быть расположены сверху и / или снизу.

Данные-тук-переключатель

Это указывает, может ли пользователь переключать видимость панели инструментов на нажатиях или нет.

Данные-переход

Он показывает эффект перехода, когда вы нажимаете или нажимаете на элемент.

данные обновление страниц-набивка

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

данные видимые на странице-шоу

Он определяет видимость панели инструментов, когда отображается родительская страница.

Флип-тумблер

В следующей таблице перечислены элементы переключателя, используемые с атрибутом data-role = «flipswitch»

Sr.No. Данные-атрибут и описание Значение
1

Данные мини

Он определяет, должен ли переключатель отображаться в меньшем размере или обычном размере.

правда | ложный
2

данных на текст

Он определяет текст включения на переключателе.

По умолчанию «вкл»
3

данных вне текста

Он определяет текст «выключено» на переключателе.

По умолчанию выключено

Данные мини

Он определяет, должен ли переключатель отображаться в меньшем размере или обычном размере.

данных на текст

Он определяет текст включения на переключателе.

данных вне текста

Он определяет текст «выключено» на переключателе.

нижний колонтитул

В следующей таблице перечислены элементы нижнего колонтитула, используемые с атрибутом data-role = «footer»

Sr.No. Данные-атрибут и описание Значение
1

данных идентификатор

Он определяет уникальный идентификатор.

текст
2

Данные положение

Он определяет, должен ли нижний колонтитул располагаться внизу или в соответствии с содержимым страницы.

встроенный | фиксированный
3

данные на весь экран

Он определяет, должен ли нижний колонтитул располагаться внизу и поверх содержимого страницы или нет.

правда | ложный
4

данные тема

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

буква (аз)

данных идентификатор

Он определяет уникальный идентификатор.

Данные положение

Он определяет, должен ли нижний колонтитул располагаться внизу или в соответствии с содержимым страницы.

данные на весь экран

Он определяет, должен ли нижний колонтитул располагаться внизу и поверх содержимого страницы или нет.

данные тема

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

заголовок

В следующей таблице перечислены элементы заголовка, используемые с атрибутом data-role = «header» .

Sr.No. Данные-атрибут и описание Значение
1

данных идентификатор

Он определяет уникальный идентификатор.

текст
2

Данные положение

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

встроенный | фиксированный
3

данные на весь экран

Он определяет, должен ли заголовок располагаться внизу и поверх содержимого страницы или нет.

правда | ложный
4

данные тема

Он определяет цвет темы заголовка.

буква (аз)

данных идентификатор

Он определяет уникальный идентификатор.

Данные положение

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

данные на весь экран

Он определяет, должен ли заголовок располагаться внизу и поверх содержимого страницы или нет.

данные тема

Он определяет цвет темы заголовка.

входные

В следующей таблице перечислены элементы ввода, используемые с атрибутом type = «text | search | etc» .

Sr.No. Данные-атрибут и описание Значение
1

данных четко БТН

Он определяет, должен ли элемент ввода содержать кнопку очистки или нет.

правда | ложный
2

данных четко БТН-текст

Он определяет текст для кнопки очистки.

текст
3

Данные мини

Он определяет, должен ли ввод отображаться в меньшем размере или обычном размере.

правда | ложный
4

данная роль

Он останавливает стилизацию ввода или текстовых областей как кнопок.

никто
5

данные тема

Он определяет цвет темы элемента ввода.

буква (аз)

данных четко БТН

Он определяет, должен ли элемент ввода содержать кнопку очистки или нет.

данных четко БТН-текст

Он определяет текст для кнопки очистки.

Данные мини

Он определяет, должен ли ввод отображаться в меньшем размере или обычном размере.

данная роль

Он останавливает стилизацию ввода или текстовых областей как кнопок.

данные тема

Он определяет цвет темы элемента ввода.

Ссылка на сайт

В следующей таблице перечислены элементы ссылок, используемые в jQuery Mobile.

Sr.No. Данные-атрибут и описание Значение
1

данная Ajax

Он указывает, должны ли страницы загружаться через Ajax или нет.

правда | ложный
2

Данные в направлении

Используется для обратного перехода.

задний ход
3

данных дом-кэш

Он указывает, должен ли кэш JQuery DOM быть чистым или нет для страниц.

правда | ложный
4

данные упреждающие

Он используется для предварительной загрузки страниц в DOM.

правда | ложный
5

данный отно

Он определяет поведение ссылки.

назад | диалог | внешний | неожиданно возникнуть
6

Данные-переход

Он определяет переход с одной страницы на другую.

исчезать | перевернуть | поток | поп | слайд | скольжение | понижение | слайд | повернуть | никто
7

Данные-положение к

Он определяет положение всплывающих окон.

происхождение | Селектор jQuery | окно

данная Ajax

Он указывает, должны ли страницы загружаться через Ajax или нет.

Данные в направлении

Используется для обратного перехода.

данных дом-кэш

Он указывает, должен ли кэш JQuery DOM быть чистым или нет для страниц.

данные упреждающие

Он используется для предварительной загрузки страниц в DOM.

данный отно

Он определяет поведение ссылки.

Данные-переход

Он определяет переход с одной страницы на другую.

Данные-положение к

Он определяет положение всплывающих окон.

Список

В следующей таблице показаны элементы списка, используемые с атрибутом data-role = «listview» .

Sr.No. Данные-атрибут и описание Значение
1

данных-autodividers

Он делит список автоматически.

правда | ложный
2

Данные подсчета-тема

Он определяет цвет темы элемента count.

буква (аз)
3

данные Делитель-тема

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

буква (аз)
4

Данные фильтра

Используется для фильтрации значений списка в поле поиска.

правда | ложный
5

Данные фильтр-заполнитель

Он определяет некоторый текст внутри поля поиска.

текст
6

Данные фильтра-тема

Он определяет цвет темы для поискового фильтра.

буква (аз)
7

-значок данных

Он предоставляет значок для списка.

По умолчанию нет значка
8

данная врезка

Он определяет, должен ли список отображаться с закругленными углами и полем или нет.

правда | ложный
9

Данные сплит-значок

Это определяет значок для кнопки разделения.

Значком по умолчанию является «стрелка-р»
10

Данные сплит-тема

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

буква (аз)
11

данные тема

Он определяет цвет темы для списка.

буква (аз)

данных-autodividers

Он делит список автоматически.

Данные подсчета-тема

Он определяет цвет темы элемента count.

данные Делитель-тема

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

Данные фильтра

Используется для фильтрации значений списка в поле поиска.

Данные фильтр-заполнитель

Он определяет некоторый текст внутри поля поиска.

Данные фильтра-тема

Он определяет цвет темы для поискового фильтра.

-значок данных

Он предоставляет значок для списка.

данная врезка

Он определяет, должен ли список отображаться с закругленными углами и полем или нет.

Данные сплит-значок

Это определяет значок для кнопки разделения.

Данные сплит-тема

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

данные тема

Он определяет цвет темы для списка.

Элемент списка

В следующей таблице показаны элементы элемента списка, используемые с атрибутом data-role = «listview» .

Sr.No. Данные-атрибут и описание Значение
1

данное filtertext

Он используется для фильтрации значений списка, используя текст в поле поиска.

текст
2

-значок данных

Он предоставляет значок для элемента списка.

По умолчанию нет значка
3

данная роль

Он определяет разделитель для элементов списка.

Список делитель
4

данные тема

Он определяет цвет темы для элемента списка.

буква (аз)

данное filtertext

Он используется для фильтрации значений списка, используя текст в поле поиска.

-значок данных

Он предоставляет значок для элемента списка.

данная роль

Он определяет разделитель для элементов списка.

данные тема

Он определяет цвет темы для элемента списка.

Navbar

В следующей таблице перечислены элементы панели навигации, используемые с атрибутом data-role = «navbar» .

Sr.No. Данные-атрибут и описание Значение
1

-значок данных

Он предоставляет значок для элемента списка.

По умолчанию нет значка
2

данных-iconpos

Это определяет положение для значка.

левый | правильно | верх | дно | notext

-значок данных

Он предоставляет значок для элемента списка.

данных-iconpos

Это определяет положение для значка.

страница

В следующей таблице перечислены элементы страницы, используемые с атрибутом data-role = «page» .

Sr.No. Данные-атрибут и описание Значение
1

данных дом-кэш

Это указывает, должен ли кэш DOM очищаться для отдельных страниц.

правда | ложный
2

данных оверлеев тема

Он определяет цвет наложения страниц диалога.

буква (аз)
3

данные тема

Он определяет цвет темы для страницы.

буква (аз)
4

данных в заголовке

Это обеспечивает заголовок для страницы.

По умолчанию нет значка
5

данная URL

Он используется для обновления URL.

URL

данных дом-кэш

Это указывает, должен ли кэш DOM очищаться для отдельных страниц.

данных оверлеев тема

Он определяет цвет наложения страниц диалога.

данные тема

Он определяет цвет темы для страницы.

данных в заголовке

Это обеспечивает заголовок для страницы.

данная URL

Он используется для обновления URL.

Неожиданно возникнуть

В следующей таблице перечислены всплывающие элементы, используемые с атрибутом data-role = «popup» .

Sr.No. Данные-атрибут и описание Значение
1

данных-углы

Он определяет, должно ли всплывающее окно отображаться с закругленными углами и полем или нет.

правда | ложный
2

Данные неотстранимый

Он определяет, должно ли всплывающее окно закрываться щелчком мыши снаружи или нет.

правда | ложный
3

данных истории

Он определяет, будет ли всплывающее окно отображать историю элемента при открытии.

правда | ложный
4

данных оверлеев тема

Он определяет цвет наложения всплывающего окна.

буква (аз)
5

данная тень

Он отображает тень для всплывающего окна.

правда | ложный
6

данные тема

Он определяет цвет темы для всплывающего окна.

буква (аз)
7

Данные толерантности

Он определяет края окна.

30, 15, 30, 15

данных-углы

Он определяет, должно ли всплывающее окно отображаться с закругленными углами и полем или нет.

Данные неотстранимый

Он определяет, должно ли всплывающее окно закрываться щелчком мыши снаружи или нет.

данных истории

Он определяет, будет ли всплывающее окно отображать историю элемента при открытии.

данных оверлеев тема

Он определяет цвет наложения всплывающего окна.

данная тень

Он отображает тень для всплывающего окна.

данные тема

Он определяет цвет темы для всплывающего окна.

Данные толерантности

Он определяет края окна.

Переключатель

В следующей таблице перечислены элементы переключателя, используемые с атрибутом type = «radio» .

Sr.No. Данные-атрибут и описание Значение
1

Данные мини

Он определяет, должна ли кнопка отображаться в меньшем размере или обычном размере.

правда | ложный
2

данная роль

Он останавливает оформление радио кнопок как улучшенных кнопок.

никто
3

данные тема

Он определяет цвет темы для переключателя.

буква (аз)

Данные мини

Он определяет, должна ли кнопка отображаться в меньшем размере или обычном размере.

данная роль

Он останавливает оформление радио кнопок как улучшенных кнопок.

данные тема

Он определяет цвет темы для переключателя.

Выбрать

В следующей таблице перечислены элементы выбора, используемые в jQuery Mobile.

Sr.No. Данные-атрибут и описание Значение
1

-значок данных

Он предоставляет значок для элемента select.

По умолчанию «стрелка-D»
2

данных-iconpos

Это определяет положение иконы.

левый | правильно | верх | низ
3

данные рядные

Он определяет, должна ли кнопка быть встроенной или нет.

правда | ложный
4

Данные мини

Он определяет, должен ли select отображаться в меньшем размере или обычном размере.

правда | ложный
5

данные нативное меню

Это использует пользовательское меню, когда оно было установлено в false.

правда | ложный
6

данных оверлеев тема

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

буква (аз)
7

данный заполнитель

Он используется для установки элемента option не родного выбора.

правда | ложный
8

данная роль

Останавливает стилизацию выбранных элементов в виде кнопок.

никто
9

данные тема

Он отображает цвет темы для выбранных элементов.

буква (аз)

-значок данных

Он предоставляет значок для элемента select.

данных-iconpos

Это определяет положение иконы.

данные рядные

Он определяет, должна ли кнопка быть встроенной или нет.

Данные мини

Он определяет, должен ли select отображаться в меньшем размере или обычном размере.

данные нативное меню

Это использует пользовательское меню, когда оно было установлено в false.

данных оверлеев тема

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

данный заполнитель

Он используется для установки элемента option не родного выбора.

данная роль

Останавливает стилизацию выбранных элементов в виде кнопок.

данные тема

Он отображает цвет темы для выбранных элементов.

ползунок

В следующей таблице перечислены элементы слайдера, используемые с атрибутом type = «range» .

данные изюминка

Подсвечивает слайдер.

Данные мини

Это определяет, должен ли ползунок отображаться в меньшем размере или обычном размере.

данная роль

Он останавливает стилизацию элементов управления ползунка в виде кнопок.

данные тема

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

данные трека-тема

Он отображает цвет темы для дорожки слайдера.