jQuery Icona mobile
Possiamo usare l'icona nella <a> classe in jQuery Mobile e <button> aggiungere le icone sull'elemento, e le icone vengono disposti come segue:
<a href="#anylink" class="ui-btn ui-icon-refresh ui-btn-icon-left "> </a> aggiornare la pagina per provare
<Class = tasto "ui-btn ui-icon-refresh ui-btn-icon-left"> aggiornare la pagina </ button> per provare
Aggiungere icona <input> tasto, è possibile utilizzare l'attributo data-icon:
<a href="#anylink" data-icon="refresh"> </a> aggiornare la pagina per provare
Siamo in grado di utilizzare l'attributo data-icona per aggiungere un'icona sul pulsante di navigazione:
<a href="#anylink" data-icon="refresh"> </a> aggiornare la pagina per provare
Se si desidera aggiungere un pulsante con l'icona nella lista, è possibile utilizzare l'attributo data-icona nel <li> a:
<Li Dati-icon = "refresh "> <a href="#"> punto mi </A> </ li> Prova
Qui sotto riportiamo tutti i icone disponibili jQuery Mobile fornisce:
| valore | descrizione | icona | Esempi |
|---|---|---|---|
| azione | azione | provare | |
| allarme | avvertimento | provare | |
| audio | Video / audio / altoparlante | provare | |
| freccia-dl | in basso a sinistra | provare | |
| freccia-dr | in basso a destra | provare | |
| freccia-ul | L'angolo in alto a sinistra | provare | |
| freccia-ur | in alto a destra | provare | |
| freccia-l | Freccia sinistra | provare | |
| freccia-r | freccia a destra | provare | |
| arrow-u | Freccia | provare | |
| arrow-d | Freccia giù | provare | |
| indietro | ritorno | provare | |
| bar | colonne | provare | |
| proiettili | Recinzioni | provare | |
| calendario | calendario | provare | |
| macchina fotografica | macchina fotografica | provare | |
| carat-d | giù | provare | |
| carat-l | A sinistra | provare | |
| carat-r | destra | provare | |
| carat-u | su | provare | |
| controllare | mark Witness | provare | |
| orologio | orologio | provare | |
| nuvola | nuvola | provare | |
| commento | recensione | provare | |
| cancellare | Elimina (X) | provare | |
| Modifica | Modifica / matita | provare | |
| occhio | occhio | provare | |
| proibito | ancora segnare | provare | |
| in avanti | in avanti | provare | |
| ingranaggio | ingranaggio | provare | |
| griglia | maglia | provare | |
| cuore | Cuore / Amore segno | provare | |
| casa | Pagina iniziale (Home) | provare | |
| informazioni | informazioni | provare | |
| posizione | Posizione / GPS | provare | |
| bloccare | Blocco / lucchetto | provare | |
| posta | Mail / Buste | provare | |
| meno | Segno, segno meno | provare | |
| navigazione | navigazione | provare | |
| telefono | telefono | provare | |
| potere | Interruttore (On / off) | provare | |
| più | più | provare | |
| riciclare | recuperare | provare | |
| rinfrescare | rinfrescare | provare | |
| ricerca | ricerca | provare | |
| negozio | Negozi, portafogli, borse | provare | |
| stella | asterisco | provare | |
| etichetta | etichetta | provare | |
| utente | utente | provare | |
| video | videocamera | provare |