2011-01-19 3 views
3

Tout le monde m'aide. Comment ajouter l'image sur le bouton? J'utilise le code suivant pour créer un bouton. Je veux afficher l'image au lieu de "rafraîchir". Est-il possible de faire cela? Merci d'avance.Ajouter une image sur le bouton

<div data-role="button" data-iconpos="right" id="searchResultRefresh" data-icon="refresh"> 
refresh </div> 

Répondre

3

Vous êtes intéressé par ce document:

http://jquerymobile.com/demos/1.0a2/#docs/buttons/buttons-icons.html

Les icônes personnalisées sont mentionnées en bas. Prenez l'une des classes ui-icon-sth existantes et modifiez les offsets pour faire référence à la fin du fichier d'icônes, puis ajoutez votre icône là si vous voulez la réutiliser beaucoup. Sinon, changez simplement le lien de l'image dans le CSS copié et supprimez la définition de la position de l'arrière-plan.

+0

Salut .. Merci ... J'ai utilisé le code suivant afficher l'icône seul. Mais encore je reçois le bouton avec le texte "Delete". – Finder

+3

Salut, Merci pour l'aide. Cela fonctionne bien. Je dois utiliser jquery1.4.4.js. Sinon, le bouton s'affichera avec du texte uniquement. Avant j'ai utilisé le jquery1.4.3.js. – Finder

+0

Bon à savoir. Thakns pour mentionner. – naugtur

1

Ce n'est pas un bouton, il est un élément div.

Pour avoir le bouton avec l'image, tels que HTML:

<button type="button"><img src="Refresh.gif" /></button> 
+1

En jquery mobile que div est un bouton. – naugtur

Questions connexes