1. jQuery Mobile:: Navegación
Vamos a crear una pequeña aplicación con las siguientes características:
- La aplicación tendrá una primera página con el siguiente contenido:
El título de la página debe ser: Aplicación jQuery Mobile
El encabezado de la página debe ser: Inicio
El pie de página debe ser: Información
El contenido consistirá en tres enlaces a páginas internas con los
nombres: “Nombre”, “Apellidos” y “Ciudad”
2. Cuando pulsemos sobre “Nombre”, nos deberá aparecer una página con las si-
guientes características:
El título de la página debe ser: Aplicación jQuery Mobile
El encabezado de la página debe ser: Nombre
El pie de página debe ser: Información
El contenido debe ser: Mi nombre es: [vuestro nombre]
En el encabezado debe haber un botón de retroceso “Anterior” que al
pulsarlo nos dirija a la primera página.
3. Cuando pulsemos sobre “Apellidos”, nos deberá aparecer una página con las si-
guientes características:
El título de la página debe ser: Aplicación jQuery Mobile
El encabezado de la página debe ser: Apellidos
El pie de página debe ser: Información
El contenido debe ser: Mis apellidos son: [vuestros apellidos]
En el encabezado debe haber un botón de retroceso “Anterior” que al
pulsarlo nos dirija a la primera página.
4. Cuando pulsemos sobre “Ciudad”, nos deberá aparecer una página con las si-
guientes características:
El título de la página debe ser: Aplicación jQuery Mobile
El encabezado de la página debe ser: Ciudad
El pie de página debe ser: Información
El contenido debe ser: Mi ciudad es: [vuestra ciudad]
En el encabezado debe haber un botón de retroceso “Anterior” que al
pulsarlo nos dirija a la primera página.
6. Nota: Utilizamos <a href="#paginamenu" data-icon="arrow-l">Anterior</a> en la cabecera
de la página data-role="header" para crear un botón de retroceso a la página
principal.
data-icon="arrow-l dibuja en el botón una flecha hacia la izquierda.