jQuery Icoane
Pentru a adăuga o pictogramă dvs. <a> și <button> elemente în jQuery Mobile, utilizați clasa pictogramă și poziționați pictograma așa cum se arată mai jos (singura excepție este butoanele din navbars, care sunt prezentate mai jos):
<a href="#anylink" class="ui-btn ui-icon-refresh ui-btn-icon-left ">Refresh Page</a>
Try it
<button class="ui-btn ui-icon-refresh ui-btn-icon-left ">Refresh Page</button>
Try it
Pentru a adăuga o pictogramă dvs. <input> butoane, utilizați data-icon atributului:
<input type="button" value="Refresh page" data-icon="refresh" >
Try it
Pentru a adăuga o pictogramă butoanele navbar, utilizați data-icon atributului:
<a href="#anylink" data-icon="refresh" >Refresh Page</a>
Try it
Pentru a adăuga o pictogramă butoanele listă, utilizați data-icon atributului pe <li> :
<li data-icon="refresh" ><a href="#">Click me</a></li>
Try it
Mai jos am enumerat toate pictogramele disponibile pe care jQuery Mobile oferă:
| Valoare | Descriere | icoană | Exemplu |
|---|---|---|---|
| action | Acțiunea (arrow pointing clockwise out of a box) de (arrow pointing clockwise out of a box) - (arrow pointing clockwise out of a box) | Incearca-l | |
| alert | alert | Incearca-l | |
| audio | Audio / sunet / Difuzoare | Incearca-l | |
| arrow-d-l | Săgeată orientată în jos spre stânga | Incearca-l | |
| arrow-d-r | Săgeată orientată în jos spre dreapta | Incearca-l | |
| arrow-u-l | Săgeată spre în sus spre stânga | Incearca-l | |
| arrow-u-r | Săgeată spre în sus spre dreapta | Incearca-l | |
| arrow-l | Arătând spre stânga Arrow | Incearca-l | |
| arrow-r | Săgeată spre dreapta | Incearca-l | |
| arrow-u | Săgeată cu vârful în sus | Incearca-l | |
| arrow-d | Săgeată cu vârful în jos | Incearca-l | |
| back | Înapoi (curved arrow pointing counterclockwise upwards) spre (curved arrow pointing counterclockwise upwards) | Incearca-l | |
| bars | Bare (three horizontal bars over each other) | Incearca-l | |
| bullets | Bullets (three horizontal bullets over each other) | Incearca-l | |
| calendar | calendar | Incearca-l | |
| camera | camera | Incearca-l | |
| carat-d | Carat îndreptat în jos | Incearca-l | |
| carat-l | Carat arătând spre stânga | Incearca-l | |
| carat-r | Carat dreapta îndreptat | Incearca-l | |
| carat-u | Carat cu vârful în sus | Incearca-l | |
| check | Bifează marcajul | Incearca-l | |
| clock | clock | Incearca-l | |
| cloud | cloud | Incearca-l | |
| comment | comment | Incearca-l | |
| delete | Ștergerea (X) | Incearca-l | |
| edit | Editare / Creion | Incearca-l | |
| eye | eye | Incearca-l | |
| forbidden | semn Forbidden | Incearca-l | |
| forward | forward | Incearca-l | |
| gear | gear | Incearca-l | |
| grid | grid | Incearca-l | |
| heart | Inima / simbol Dragoste | Incearca-l | |
| home | home | Incearca-l | |
| info | informație | Incearca-l | |
| location | Locație / GPS | Incearca-l | |
| lock | Blocare / Lacăt | Incearca-l | |
| Mail / Scrisoare | Incearca-l | ||
| minus | minus | Incearca-l | |
| navigation | navigation | Incearca-l | |
| phone | Telefon | Incearca-l | |
| power | Putere (On/off) | Incearca-l | |
| plus | plus | Incearca-l | |
| recycle | recycle | Incearca-l | |
| refresh | refresh | Incearca-l | |
| search | search | Incearca-l | |
| shop | Shop / Pag / portmoneu | Incearca-l | |
| star | star | Incearca-l | |
| tag | tag | Incearca-l | |
| user | Utilizator / persoană | Incearca-l | |
| video | Cameră video | Incearca-l |