jQuery Mobile - Widget de la barre de navigation

Le widget de la barre de navigation est un ensemble de boutons qui vous relie à d'autres pages Web ou sections. jQuery mobile fournit un widget de barre de navigation de base composé de boutons jusqu'à 5 et d'une icône facultative dans une barre.

Le tableau suivant répertorie les types de barre de navigation utilisés dans jQuery mobile.

N ° Sr. Type et description de la barre de navigation
1 Principes de base de la barre de navigation

La Navbar peut être créée à l'aide du data-role = "navbar" attribut.
2 À plusieurs rangées

Chaque fois qu'une barre de navigation se compose de plus de 5 éléments, tous les éléments seront enveloppés sur plusieurs lignes deux à travers.
3 Navbars dans les en-têtes

Vous pouvez ajouter une barre de navigation en haut de la page en ajoutant le conteneur de barre de navigation dans le bloc d'en-tête.
4 Navbars dans les pieds de page

Pour ajouter la barre de navigation au bas de la page, enveloppez la barre de navigation dans un conteneur avec un attribut data-role = "footer" .
5 Persistant

La barre de navigation persistante fonctionne comme une barre d'onglets qui semble être fixe lorsque vous parcourez les pages.
6 Icônes

Pour ajouter des icônes à votre barre de navigation, utilisez l' attribut data-icon pour chaque ancre.
sept Position de l'icône

Les icônes de la barre de navigation peuvent être positionnées sur le conteneur de la barre de navigation au lieu de chaque lien.
8 Jeux d'icônes tiers

Vous pouvez ajouter des icônes tierces à votre barre de navigation. Pour ce faire, ajoutez simplement des styles personnalisés pour créer un lien vers les icônes et placez-les dans la barre de navigation.
9 Thèmes

Tout comme les boutons, l'échantillon de thème sera hérité par les barres de navigation de leur conteneur parent.
dix Barres de navigation avec éléments de bouton

Au lieu d'utiliser des liens dans la barre de navigation, vous pouvez également utiliser des éléments de bouton.