jQuery Mobile - Widget Navbar
O widget navbar é um conjunto de botões que o vincula a outras páginas da web ou seções. O jQuery mobile fornece um widget de barra de navegação básico que consiste em botões de até 5 e um ícone opcional em uma barra.
A tabela a seguir lista os tipos de navbar usados no jQuery mobile.
| Sr. Não. | Tipo e descrição da barra de navegação |
|---|---|
| 1 | Noções básicas de Navbar Navbar pode ser criado usando o data-role = "navbar" atributo. |
| 2 | Multi-row Sempre que uma barra de navegação consistir em mais de 5 itens, todos os itens serão quebrados em várias linhas de dois lados. |
| 3 | Navbars in headers Você pode adicionar uma barra de navegação ao topo da página adicionando o contêiner da barra de navegação dentro do bloco de cabeçalho. |
| 4 | Navbars nos rodapés Para adicionar a navbar ao final da página, envolva a navbar em um contêiner com um atributo data-role = "footer" . |
| 5 | Persistente A barra de navegação persistente funciona como uma barra de guias que parece ser corrigida conforme você navega pelas páginas. |
| 6 | Ícones Para adicionar ícones à sua barra de navegação, use o atributo data-icon para cada âncora. |
| 7 | Posição do ícone Os ícones da navbar podem ser posicionados no contêiner da navbar em vez de em cada link. |
| 8 | Conjuntos de ícones de terceiros Você pode adicionar ícones de terceiros à sua barra de navegação. Para fazer isso, basta adicionar estilos personalizados para vincular aos ícones e colocá-los na barra de navegação. |
| 9 | Temas Assim como os botões, a amostra do tema será herdada pelas barras de navegação de seu contêiner pai. |
| 10 | Barras de navegação com elementos de botão Em vez de usar links dentro da barra de navegação, você também pode usar elementos de botão. |