jQuery Mobile - Atributos de datos

Botón

Especifica un botón en el que se puede hacer clic que incluye contenido como texto o imágenes utilizando la clase ui-btn . Está en desuso en la versión 1.4. Utilice el atributo ui-btn en lugar de utilizar el atributo data-role = "button" .

La siguiente tabla enumera los elementos de botón utilizados con el atributo de datos.

No Señor. Atributo de datos y descripción Valor
1

data-corners

Define si el botón debe contener esquinas redondeadas o no.

verdadero | falso
2

data-icon

Define el icono del botón.

El valor predeterminado es sin icono
3

data-iconpos

Define la posición del icono.

izquierda | derecha | arriba | fondo
4

data-iconshadow

Define si el icono del botón debe contener sombra o no.

verdadero | falso
5

data-inline

Define si el botón debe estar en línea o no.

verdadero | falso
6

data-mini

Define si el botón debe mostrarse en tamaño más pequeño o en tamaño normal.

verdadero | falso
7

data-shadow

Define si el botón debe contener sombra o no.

verdadero | falso
8

data-theme

Muestra el color del tema del botón.

letra (az)

Caja

La siguiente tabla enumera los elementos de la casilla de verificación utilizados con type = "checkbox".

No Señor. Atributo de datos y descripción Valor
1

data-mini

Define si la casilla de verificación debe mostrarse en tamaño más pequeño o en tamaño normal.

verdadero | falso
2

data-role

Detiene el estilo de las casillas de verificación como botones.

ninguna
3

data-theme

Muestra el color del tema para la casilla de verificación.

letra (az)

Plegable

La siguiente tabla enumera los elementos plegables utilizados con data-role = "collapsible" atributo.

No Señor. Atributo de datos y descripción Valor
1

data-collapsed

Indica si el contenido debe cerrarse o expandirse.

verdadero | falso
2

data-collapsed-cue-text

Muestra comentarios para los usuarios con software de lectura de pantalla.

El contenido predeterminado es contraer
3

data-collapsed-icon

Define el icono de botón plegable.

El icono predeterminado es "más"
4

data-content-theme

Muestra el color del tema para el contenido plegable.

letra (az)
5

data-expanded-cue-text

Muestra comentarios para los usuarios con software de lectura de pantalla.

El contenido predeterminado es expandir
6

data-expanded-icon

Muestra el botón plegable cuando expande el contenido.

El icono predeterminado es "menos"
7

data-iconpos

Define la posición del icono.

izquierda | derecha | arriba | fondo
8

data-inset

Define si el botón plegable debe mostrarse con esquinas redondeadas y margen o no.

verdadero | falso
9

data-mini

Define si los botones plegables deben mostrarse en tamaño más pequeño o en tamaño normal.

verdadero | falso
10

data-theme

Muestra el color del tema para el botón plegable.

letra (az)

Conjunto plegable

La siguiente tabla enumera los elementos del conjunto plegable utilizados con el data-role = "collapsibleset" atributo.

No Señor. Atributo de datos y descripción Valor
1

data-collapsed-icon

Define el icono de botón plegable.

El icono predeterminado es "más"
2

data-content-theme

Muestra el color del tema para el contenido plegable.

letra (az)
3

data-expanded-icon

Muestra el botón plegable cuando expande el contenido.

El icono predeterminado es "menos"
4

data-iconpos

Define la posición del icono.

izquierda | derecha | arriba | fondo
5

data-inset

Define si el botón plegable debe mostrarse con esquinas redondeadas y margen o no.

verdadero | falso
6

data-mini

Define si los botones plegables deben mostrarse en tamaño más pequeño o en tamaño normal.

verdadero | falso
7

data-theme

Muestra el color del tema para el botón plegable.

letra (az)

Grupo de control

La siguiente tabla enumera los elementos de Controlgroup utilizados con data-role = "controlgroup" atributo -

No Señor. Atributo de datos y descripción Valor
1

data-exclude-invisible

Define si excluir a los niños invisibles en la asignación de esquinas redondeadas.

verdadero | falso
2

data-mini

Define si el grupo debe mostrarse en tamaño más pequeño o en tamaño regular.

verdadero | falso
3

data-theme

Muestra el color del tema para el grupo de control.

letra (az)
4

data-type

Indica si el grupo debe mostrarse en formato horizontal o vertical.

horizontal | vertical

Diálogo

La siguiente tabla enumera los elementos de diálogo utilizados con data-dialog="true" atributo.

No Señor. Atributo de datos y descripción Valor
1

data-close-btn

Define la posición del botón de cierre.

izquierda | derecha | ninguna
2

data-close-btn-text

Define el texto del botón de cierre.

texto
3

data-corners

Define si el diálogo debe mostrarse con esquinas redondeadas o no.

verdadero | falso
4

data-dom-cache

Indica si la caché DOM debe borrarse o no para páginas individuales.

verdadero | falso
5

data-overlay-theme

Define el color de superposición de la página de diálogo.

letra (az)
6

data-theme

Define el color del tema de la página de diálogo.

letra (az)
7

data-title

Define el título de la página de diálogo.

texto

Mejora

La siguiente tabla enumera los elementos de mejora utilizados con data-enhance="false" or data-ajax = "false" atributo.

No Señor. Atributo de datos y descripción Valor
1

data-enhance

Puede diseñar la página estableciendo este atributo en "verdadero". No puede aplicar estilo a la página si está configurado como "falso".

verdadero | falso
2

data-ajax

Indica si las páginas deben cargarse desde Ajax o no.

verdadero | falso

Barra de herramientas fija

La siguiente tabla enumera los elementos de la barra de herramientas utilizados con data-position = "fixed" atributo.

No Señor. Atributo de datos y descripción Valor
1

data-disable-page-zoom

Define si el usuario puede escalar / hacer zoom en la página o no.

verdadero | falso
2

data-fullscreen

Define que las barras de herramientas deben colocarse en la parte superior y / o inferior.

verdadero | falso
3

data-tap-toggle

Indica si el usuario puede alternar la visibilidad de la barra de herramientas en los toques o no.

verdadero | falso
4

data-transition

Muestra un efecto de transición cuando toca o hace clic en el elemento.

diapositiva | desvanecerse | ninguna
5

data-update-page-padding

Actualiza el relleno de la página utilizando eventos de cambio de tamaño, transición y actualización de diseño.

verdadero | falso
6

data-visible-on-page-show

Define la visibilidad de la barra de herramientas cuando se muestra la página principal.

verdadero | falso

Interruptor de palanca giratorio

La siguiente tabla enumera los elementos de palanca de volteo utilizados con data-role = "flipswitch" atributo -

No Señor. Atributo de datos y descripción Valor
1

data-mini

Define si el conmutador debe mostrarse en tamaño más pequeño o en tamaño normal.

verdadero | falso
2

data-on-text

Define el texto "activado" en el interruptor.

El valor predeterminado es "activado"
3

data-off-text

Define el texto "apagado" en el interruptor.

El valor predeterminado es "desactivado"

Pie de página

La siguiente tabla enumera los elementos de pie de página utilizados con el atributo data-role = "footer" -

No Señor. Atributo de datos y descripción Valor
1

data-id

Define la identificación única.

texto
2

data-position

Define si el pie de página debe colocarse en la parte inferior o en línea con el contenido de la página.

en línea | fijo
3

data-fullscreen

Define si el pie de página debe colocarse en la parte inferior y sobre el contenido de la página o no.

verdadero | falso
4

data-theme

Define el color del tema del pie de página.

letra (az)

Encabezamiento

La siguiente tabla enumera los elementos de encabezado utilizados con data-role = "header" atributo.

No Señor. Atributo de datos y descripción Valor
1

data-id

Define la identificación única.

texto
2

data-position

Define si el encabezado debe colocarse en la parte inferior o en línea con el contenido de la página.

en línea | fijo
3

data-fullscreen

Define si el encabezado debe colocarse en la parte inferior y sobre el contenido de la página o no.

verdadero | falso
4

data-theme

Define el color del tema del encabezado.

letra (az)

Entradas

La siguiente tabla enumera los elementos de entrada utilizados con type = "text|search|etc" atributo.

No Señor. Atributo de datos y descripción Valor
1

data-clear-btn

Define si el elemento de entrada debe contener un botón de borrar o no.

verdadero | falso
2

data-clear-btn-text

Define el texto del botón de borrar.

texto
3

data-mini

Define si la entrada debe mostrarse en tamaño más pequeño o en tamaño regular.

verdadero | falso
4

data-role

Detiene el estilo de las áreas de entrada o texto como botones.

ninguna
5

data-theme

Define el color del tema del elemento de entrada.

letra (az)

Enlace

La siguiente tabla enumera los elementos de enlace utilizados con jQuery Mobile.

No Señor. Atributo de datos y descripción Valor
1

data-ajax

Indica si las páginas deben cargarse a través de Ajax o no.

verdadero | falso
2

data-direction

Se utiliza para la transición inversa.

contrarrestar
3

data-dom-cache

Indica si la caché DOM de jQuery debe estar limpia o no para las páginas.

verdadero | falso
4

data-prefetch

Se utiliza para recuperar las páginas en DOM.

verdadero | falso
5

data-rel

Especifica el comportamiento del enlace.

volver | diálogo | externo | surgir
6

data-transition

Define la transición de una página a otra.

desvanecerse | voltear | flujo | pop | diapositiva | slidedown | slidefade | slideup | girar | ninguna
7

data-position-to

Define la posición de los cuadros emergentes.

origen | jQuery selector | ventana

Lista

La siguiente tabla muestra los elementos de la lista utilizados con data-role = "listview" atributo.

No Señor. Atributo de datos y descripción Valor
1

data-autodividers

Divide la lista automáticamente.

verdadero | falso
2

data-count-theme

Define el color del tema del elemento de recuento.

letra (az)
3

data-divider-theme

Define el color del tema para el divisor de lista.

letra (az)
4

data-filter

Se utiliza para filtrar los valores de la lista en el cuadro de búsqueda.

verdadero | falso
5

data-filter-placeholder

Define un texto dentro del cuadro de búsqueda.

texto
6

data-filter-theme

Define el color del tema para el filtro de búsqueda.

letra (az)
7

data-icon

Proporciona el icono de la lista.

El valor predeterminado es sin icono
8

data-inset

Define si la lista debe mostrarse con esquinas redondeadas y margen o no.

verdadero | falso
9

data-split-icon

Define el icono del botón de división.

El icono predeterminado es "flecha-r"
10

data-split-theme

Define el color del tema para el botón de división.

letra (az)
11

data-theme

Define el color del tema de la lista.

letra (az)

Elemento de lista

La siguiente tabla muestra los elementos de los elementos de la lista utilizados con data-role = "listview" atributo.

No Señor. Atributo de datos y descripción Valor
1

data-filtertext

Se utiliza para filtrar los valores de la lista utilizando el texto del cuadro de búsqueda.

texto
2

data-icon

Proporciona el icono del elemento de la lista.

El valor predeterminado es sin icono
3

data-role

Define el divisor de los elementos de la lista.

divisor de lista
4

data-theme

Define el color del tema para el elemento de la lista.

letra (az)

Barra de navegación

La siguiente tabla enumera los elementos de la barra de navegación utilizados con data-role = "navbar" atributo.

No Señor. Atributo de datos y descripción Valor
1

data-icon

Proporciona el icono del elemento de la lista.

El valor predeterminado es sin icono
2

data-iconpos

Define la posición del icono.

izquierda | derecha | arriba | abajo | sin texto

Página

La siguiente tabla enumera los elementos de página utilizados con data-role = "page" atributo.

No Señor. Atributo de datos y descripción Valor
1

data-dom-cache

Indica si la caché DOM debe borrarse o no para páginas individuales.

verdadero | falso
2

data-overlay-theme

Define el color de superposición de las páginas de diálogo.

letra (az)
3

data-theme

Define el color del tema de la página.

letra (az)
4

data-title

Proporciona el título de la página.

El valor predeterminado es sin icono
5

data-url

Se utiliza para actualizar la URL.

url

Surgir

La siguiente tabla enumera los elementos emergentes utilizados con data-role = "popup" atributo.

No Señor. Atributo de datos y descripción Valor
1

data-corners

Define si la ventana emergente debe mostrarse con esquinas redondeadas y margen o no.

verdadero | falso
2

data-dismissible

Define si la ventana emergente debe cerrarse haciendo clic fuera o no.

verdadero | falso
3

data-history

Define si la ventana emergente debe mostrar el historial del elemento cuando se abre.

verdadero | falso
4

data-overlay-theme

Define el color de superposición del cuadro emergente.

letra (az)
5

data-shadow

Muestra la sombra del cuadro emergente.

verdadero | falso
6

data-theme

Define el color del tema para el cuadro emergente.

letra (az)
7

data-tolerance

Define los bordes de la ventana.

30, 15, 30, 15

Boton de radio

La siguiente tabla enumera los elementos de botón de radio que se utilizan con type = "radio" atributo.

No Señor. Atributo de datos y descripción Valor
1

data-mini

Define si el botón debe mostrarse en tamaño más pequeño o en tamaño normal.

verdadero | falso
2

data-role

Detiene el estilo de los botones de opción como botones mejorados.

ninguna
3

data-theme

Define el color del tema para el botón de opción.

letra (az)

Seleccione

La siguiente tabla enumera los elementos seleccionados que se utilizan con jQuery Mobile.

No Señor. Atributo de datos y descripción Valor
1

data-icon

Proporciona el icono del elemento seleccionado.

El valor predeterminado es "flecha-d"
2

data-iconpos

Define la posición del icono.

izquierda | derecha | arriba | fondo
3

data-inline

Define si el botón debe estar en línea o no.

verdadero | falso
4

data-mini

Define si la selección debe mostrarse en tamaño más pequeño o en tamaño regular.

verdadero | falso
5

data-native-menu

Utiliza el menú personalizado cuando se ha establecido en falso.

verdadero | falso
6

data-overlay-theme

Define el color de superposición para el menú de selección personalizado.

letra (az)
7

data-placeholder

Se utiliza para establecer un elemento de opción de selección no nativa.

verdadero | falso
8

data-role

Detiene el estilo de elementos seleccionados como botones.

ninguna
9

data-theme

Muestra el color del tema para los elementos seleccionados.

letra (az)

Deslizador

La siguiente tabla enumera los elementos deslizantes utilizados con type = "range" atributo.

No Señor. Atributo de datos y descripción Valor
1

data-highlight

Destaca el control deslizante.

verdadero | falso
2

data-mini

Define si el control deslizante debe mostrarse en tamaño más pequeño o en tamaño normal.

verdadero | falso
3

data-role

Detiene el estilo de los controles deslizantes como botones.

ninguna
4

data-theme

Muestra el color del tema para el control deslizante.

letra (az)
5

data-track-theme

Muestra el color del tema de la pista deslizante.

letra (az)