4

Afficher des boutons

Sur une interface mobile encore plus que sur un écran classique, les boutons sont une composante graphique essentielle, car ils permettent l’interaction avec les utilisateurs. Voyons comment définir, positionner et personnaliser les boutons avec jQuery Mobile.

Définir un bouton avec jQuery Mobile

Dans jQuery Mobile, les boutons sont des éléments <div> ou <a> pour lesquels l’attribut data-role vaut "button". Si l’on utilise un lien <a> pour le représenter, l’URL indiquée dans l’attribut href du lien permet d’indiquer la nouvelle fenêtre (ou page HTML) qui sera affichée par un clic sur le bouton.

Par exemple, créons une fenêtre contenant un bouton permettant d’afficher une nouvelle fenêtre.

Un bouton permettant de passer ...

Get JQuery Mobile now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.