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. |