jQuery Mobile - Widget Navbar

Il widget della barra di navigazione è un insieme di pulsanti che ti collega ad altre pagine o sezioni web. jQuery mobile fornisce un widget della barra di navigazione di base composto da pulsanti fino a 5 e un'icona opzionale in una barra.

La tabella seguente elenca i tipi di barra di navigazione utilizzati in jQuery mobile.

Sr.No. Tipo e descrizione della barra di navigazione
1 Nozioni di base su Navbar

Navbar può essere creato utilizzando il data-role = "navbar" attributo.

2 Multi-fila

Ogni volta che una barra di navigazione è composta da più di 5 elementi, tutti gli elementi verranno disposti su più righe di due.

3 Navbar nelle intestazioni

Puoi aggiungere una barra di navigazione nella parte superiore della pagina aggiungendo il contenitore della barra di navigazione all'interno del blocco dell'intestazione.

4 Navbar nei piè di pagina

Per aggiungere la barra di navigazione alla parte inferiore della pagina, avvolgi la barra di navigazione in un contenitore con un attributo data-role = "footer" .

5 Persistente

La barra di navigazione persistente funziona come una barra delle schede che sembra essere fissa mentre navighi tra le pagine.

6 Icone

Per aggiungere icone alla tua barra di navigazione usa l' attributo data-icon per ogni ancora.

7 Posizione dell'icona

Le icone della barra di navigazione possono essere posizionate sul contenitore della barra di navigazione invece di ogni singolo collegamento.

8 Set di icone di terze parti

Puoi aggiungere icone di terze parti alla tua barra di navigazione. Per ottenere ciò, è sufficiente aggiungere stili personalizzati per collegare le icone e posizionarli nella barra di navigazione.

9 Temi

Proprio come i pulsanti, il campione del tema verrà ereditato dalle barre di navigazione dal loro contenitore principale.

10 Navbar con elementi a pulsante

Invece di utilizzare i collegamenti all'interno della barra di navigazione, puoi anche utilizzare gli elementi dei pulsanti.