jQuery Mobile - Widget de barra de navegación
El widget de la barra de navegación es un conjunto de botones que lo vincula a otras páginas o secciones web. jQuery mobile proporciona un widget de barra de navegación básico que consta de botones hasta 5 y un icono opcional en una barra.
La siguiente tabla enumera los tipos de barra de navegación utilizados en jQuery mobile.
| No Señor. | Tipo y descripción de la barra de navegación |
|---|---|
| 1 | Conceptos básicos de la barra de navegación
Navbar se puede crear usando el data-role = "navbar" atributo. |
| 2 | Varias filas
Siempre que una barra de navegación consta de más de 5 elementos, todos los elementos se ajustarán a varias líneas de dos a lo ancho. |
| 3 | Navbars en encabezados
Puede agregar una barra de navegación en la parte superior de la página agregando el contenedor de la barra de navegación dentro del bloque de encabezado. |
| 4 | Barras de navegación en pies de página
Para agregar la barra de navegación a la parte inferior de la página, envuelva la barra de navegación dentro de un contenedor con un atributo data-role = "footer" . |
| 5 | Persistente
La barra de navegación persistente funciona como una barra de pestañas que parece estar fija a medida que navega por las páginas. |
| 6 | Iconos
Para agregar íconos a su barra de navegación, use el atributo data-icon para cada ancla. |
| 7 | Posición del icono
Los iconos de la barra de navegación se pueden colocar en el contenedor de la barra de navegación en lugar de en cada enlace. |
| 8 | Conjuntos de iconos de terceros
Puede agregar íconos de terceros a su barra de navegación. Para lograr esto, simplemente agregue estilos personalizados para vincular a los íconos y colóquelos en la barra de navegación. |
| 9 | Temas
Al igual que los botones, las barras de navegación heredarán la muestra de tema de su contenedor principal. |
| 10 | Barras de navegación con elementos de botón
En lugar de usar enlaces dentro de la barra de navegación, también puede usar elementos de botón. |