jQuery Mobile Icon
Nous pouvons utiliser l'icône de <a> classe dans jQuery Mobile et <button> ajouter des icônes sur l'élément, et les icônes sont positionnées comme suit:
<a href="#anylink" class="ui-btn ui-icon-refresh ui-btn-icon-left "> </a> actualiser la page pour essayer
<Class bouton = "ui-btn ui-icon-refresh ui-btn-icon-left"> actualiser la page </ button> pour essayer
Ajouter icône <input> bouton, vous pouvez utiliser l'attribut data-icon:
<a href="#anylink" data-icon="refresh"> </a> actualiser la page pour essayer
Nous pouvons utiliser l'attribut data-icône pour ajouter une icône sur le bouton de navigation:
<a href="#anylink" data-icon="refresh"> </a> actualiser la page pour essayer
Si vous souhaitez ajouter un bouton d'icône dans la liste, vous pouvez utiliser l'attribut data-icon dans le <li> dans:
<Li data-icon = "refresh "> <a href="#"> point que je </a> </ li> Essayez
Ci-dessous nous listons tous les icônes disponibles jQuery Mobile fournit:
| valeur | description | icône | Exemples |
|---|---|---|---|
| action | action | essayer | |
| alerte | avertissement | essayer | |
| acoustique | Vidéo / audio / haut-parleur | essayer | |
| arrow-dl | Coin inférieur gauche | essayer | |
| arrow-dr | coin inférieur droit | essayer | |
| arrow-ul | Le coin supérieur gauche | essayer | |
| arrow-ur | Coin supérieur droit | essayer | |
| arrow-l | Flèche gauche | essayer | |
| arrow-r | flèche droite | essayer | |
| arrow-u | up Arrow | essayer | |
| arrow-d | Flèche vers le bas | essayer | |
| dos | retour | essayer | |
| barres | Colonnes | essayer | |
| balles | Clôtures | essayer | |
| calendrier | calendrier | essayer | |
| caméra | appareil photo | essayer | |
| carat-d | vers le bas | essayer | |
| carat-l | À gauche | essayer | |
| carat-r | droit | essayer | |
| carat-u | en haut | essayer | |
| vérifier | Témoin marque | essayer | |
| horloge | horloge | essayer | |
| nuage | nuage | essayer | |
| commentaire | examen | essayer | |
| effacer | Supprimer (X) | essayer | |
| éditer | Modifier / crayon | essayer | |
| œil | œil | essayer | |
| interdit | Toujours marquer | essayer | |
| avant | avant | essayer | |
| équipement | équipement | essayer | |
| grille | engrener | essayer | |
| cœur | Coeur / signe d'amour | essayer | |
| maison | Accueil (Home) | essayer | |
| infos | Informations | essayer | |
| emplacement | Localisation / GPS | essayer | |
| bloquer | Verrouiller / Cadenas | essayer | |
| courrier | Mail / Enveloppes | essayer | |
| moins | Signe, signe moins | essayer | |
| navigation | navigation | essayer | |
| téléphone | téléphone | essayer | |
| puissance | Commutateur (On / off) | essayer | |
| plus | plus | essayer | |
| recycler | récupérer | essayer | |
| rafraîchir | rafraîchir | essayer | |
| recherche | recherche | essayer | |
| boutique | Magasins, portefeuilles, sacs à main | essayer | |
| star | astérisque | essayer | |
| étiquette | étiquette | essayer | |
| utilisateur | utilisateur | essayer | |
| vidéo | Caméra vidéo | essayer |