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) |