Ejemplos de jQuery Mobile
La página de jQuery Mobile
Una web móvil básico
varias páginas
diálogo
conmutación página jQuery Mobile
efecto de fundido
Adelante en el efecto flip trasera
efectos de flujo
efecto del estallido
efecto de deslizamiento
De derecha a izquierda de la diapositiva y se desvanecen los efectos
De abajo hacia arriba efecto de deslizamiento
De arriba a abajo efecto de deslizamiento
efecto flip
Sin efecto de transición
efecto inverso
Botón jQuery Mobile
botón crear
botón de línea
Una combinación de botones
botón Atrás
Filete o un botón con esquinas redondeadas con
botones pequeños o de tamaño regular
Botón con o sin una sombra de una sombra
iconos de los botones de jQuery Mobile
Añadir un icono a un botón
icono de ubicación
Mostrar sólo el icono
Barra de herramientas de jQuery Mobile
Crear una cabeza de la columna y la barra de cola
Añadir botón en la barra de título
Añadir botón en la cabeza de la columna izquierda
Añadir botón en el lado derecho de la columna de la cabeza
Con los botones de la barra traseros
Alinear la barra trasera con botones
bar Tail con una combinación de botones
barra de la cola con la combinación horizontal de botones
Inline posicionamiento - cabeza de la barra y la columna de la cola y la página de contenido en línea
Corregido el posicionamiento - cabeza de la barra y barra de cola fijados a la parte superior e inferior de la página
Pantalla Completa posicionamiento - cabeza de la barra y barra de cola fijados a la parte superior e inferior de la página, pero cubrirán el contenido de la página
barra de navegación jQuery Mobile
Crear una barra de navegación
barra de navegación de contenido
Cola barra de navegación
Añadir un botón en la barra de navegación se selecciona (pulsado) Apariencia
Seguido añadiendo Aspecto seleccionado (pulsado)
Icono en la barra de navegación
10 botones en la barra de navegación de demostración
bloque colapsable jQuery Mobile
Crear una plegables bloques de contenido
Ampliar el contenido cuando se carga la página
bloque colapsable anidada
colección plegable
Cancelar bloque colapsable redondeada en
Deje que el bloque plegable más pequeña
Cambiar icono de bloque colapsable
Lista plegable
forma plegable
jQuery Mobile cuadrícula
dos diseño
Existen tres visualizaciones
cuatro diseño
cinco diseño
cuadrícula personalizada
En la multilínea
Lista de jQuery Mobile
Crear una vista de lista
Vista de lista con esquinas redondeadas
lista delimitada
separación automática
Crear un filtro de búsqueda
Cambie el texto en el cuadro de búsqueda
Crear una lista de sólo lectura
Añadir a la lista de artículos de miniaturas
Añadir elementos HTML, elementos de lista llenas de información
Añadir iconos para mostrar artículos
Crear una lista con un botón de división
Haga una lista de los elementos más funcionales
Crear número de burbujas
Crear un icono de enlace predeterminada elemento de la lista
Lista plegable
crear calendario
Forma móvil jQuery
cuadro de entrada de texto
campos de entrada de texto
Buscar cuadro de entrada
botón de opción
caja
Horizontales botones de radio y casillas de verificación combinación
contenedores de campo con botones de opción y casillas de verificación
botón de preselección / casilla de verificación
Crear un menú de selección
Crear un selecto menú de partición (optgroup) de
Seleccione la medida Menú
Seleccionar más de una opción en el menú de selección
Menú de selección de cartera
nivel de menú de selección de cartera
opciones preseleccionadas
forma plegable
Crear un control deslizante
Regulador de valor Resaltar
Crear un interruptor de palanca
interruptor de palanca de preselección
temas de jQuery Mobile
Tema de la "a"
Tema "b"
cabeza tema y el contenido de la cola
diálogo tema
botón de temas
iconos del tema
La cabeza y la cola del botón Temas
Tema barra de navegación
botones plegables tema y contenido
Lista de temas
botón de división Tema
Lista plegable tema
Forma temas
Tema forma plegable
Tema personalizado
toque jQuery Mobile eventos
Haga clic en (Tap) Evento
Haga clic y mantenga (Taphold) Evento
Slide (deslizar) Evento
Pase a la izquierda de eventos (Swipeleft)
Desliza el dedo hacia la derecha (Swiperight) Evento
inicio de desplazamiento (Scrollstart) Evento
final de desplazamiento (Scrollstop) Evento
El cambio de los acontecimientos de dirección (orientationChange) - impulsó direcciones
Cambio de dirección de eventos (orientationChange) - como vertical y horizontal establece diferentes estilos