El mejor tutorial de temas de jQuery Mobile en 2024. En este tutorial podrás aprender Tema tapas y fondos,Ejemplos,La parte inferior de la cabeza tema cuadro de diálogo,Ejemplos,botón de temas,Ejemplos,iconos del tema,Ejemplos,tema pop,Ejemplos,botón Temas en la parte inferior de la cabeza y,Ejemplos,Tema barra de navegación,Ejemplos,panel temático,Ejemplos,botones plegables tema y contenido,Ejemplos,Lista de temas,Ejemplos,botón de división Tema,Ejemplos,Lista plegable tema,Ejemplos,Forma temas,Ejemplos,Tema forma plegable,Ejemplos,Añadir un nuevo tema,Ejemplos,
jQuery Mobile ofrece dos estilos diferentes temáticas, desde la "a" a "b" - cada uno de los botones temáticos, barras de herramientas, etc. colores bloques de contenido son inconsistentes, el efecto visual no es el mismo para cada tema.
Al establecer el atributo de elemento de datos en el tema puede personalizar la apariencia de la aplicación:
<a href="#" class="ui-btn ui-btn-a|b">按钮</a>
valor | descripción | Ejemplos |
---|---|---|
una | La página de texto negro sobre un fondo gris cabeza y la parte inferior son de texto negro en un botón negro fondo gris fondo gris botones de activación de texto y enlaces a un texto blanco sobre un fondo azul Entrada de valor de atributo cuadro de marcador de posición es un gris claro, el valor es de color negro | probar |
b | La página de fondo negro con texto en blanco en la parte inferior de la cabeza son texto en blanco sobre un fondo negro un botón de texto en blanco de carbón activado botones y enlaces con texto blanco sobre un fondo azul Entrada de valor de atributo cuadro de marcador de posición es un gris claro, el valor es de color blanco | probar |
Botón Estilo Uso class = "ui-Bot", usando "ui-btn-a | b" botón de configuración de la clase está en gris (por defecto) o negro:
<a href="#" class="ui-btn ui-btn-a|b">按钮</a>
tema del estilo "A" para la mayoría de los elementos, subelementos generalmente heredan el estilo del elemento padre. |
jQuery Mobile puede agregar nuevos temas en la página móvil.
Modificando el archivo CSS para añadir o editar un tema nuevo (si se ha descargado el jQuery Mobile). Sólo tiene que copiar el módulo de estilo, y luego volver a la carta nombre de la clase de comandos (CZ), y añadir su estilo y el color preferido de la fuente.
También puede agregar documento HTML relativos al nuevo estilo, la barra de herramientas para agregar clases: ui-negociación (az), añadir categorías de contenido de texto: ui-cuerpo-(az), añadir las categorías página: ui-page-tema-( az).
En las versiones anteriores de jQuery Mobile, un elemento utilizando JavaScript para heredar estilos de tema para padres. Para la versión 1.4, el marco más específico para la mejora del rendimiento, ya no se utiliza JavaScript para heredar, pero usando CSS puro. equipo de jQuery Mobile para esto han creado una herramienta para hacer frente a la ThemeRoller . Puede utilizar esta herramienta para actualizar un viejo tema, por lo que es compatible con la nueva versión. |