12

Manipuler les boutons

La manipulation des boutons est similaire à celle des listes, que nous avons précédemment étudiée. Celle-ci s’effectue principalement au moyen des méthodes offertes par jQuery, auxquelles jQuery Mobile a ajouté la méthode button () pour transformer un élément HTML en bouton. Les boutons sont associés au composant standard button.

Créer dynamiquement un bouton

Nous souhaitons ici créer dynamiquement un bouton dans la page HTML. Pour cela, il suffit de créer un élément <a> pour lequel on indique l’attribut data-role="button". Les autres caractéristiques du bouton (data-inline, data-icon, etc.) peuvent être indiquées également dans les attributs de l’élément.

Création dynamique d’un bouton

<!DOCTYPE html>

<html>

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.