jQuery Simgeler
Sizin için bir simge eklemek için <a> ve <button> jQuery Mobile elemanların, simge sınıfını kullanın ve aşağıda gösterildiği gibi simgeye konumlandırmak (tek istisna daha aşağı gösterilmiştir NavBars, düğmeler ise):
<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
Sizin için bir simge eklemek için <input> düğmeleri kullanın data-icon özelliğini:
<input type="button" value="Refresh page" data-icon="refresh" >
Try it
Gezinme çubuğu düğmeleri bir simge eklemek için kullanın data-icon özelliğini:
<a href="#anylink" data-icon="refresh" >Refresh Page</a>
Try it
Kullanmak, liste düğmeleri bir simge eklemek için data-icon üzerinde öznitelik <li> :
<li data-icon="refresh" ><a href="#">Click me</a></li>
Try it
Aşağıda jQuery Mobile sağlayan mevcut tüm simgeleri listeledik:
| değer | Açıklama | ikon | Örnek |
|---|---|---|---|
| action | Eylem (arrow pointing clockwise out of a box) | Dene | |
| alert | alert | Dene | |
| audio | Ses / Ses / Hoparlörler | Dene | |
| arrow-d-l | Ok sola aşağıya dönük | Dene | |
| arrow-d-r | Ok sağa aşağıya dönük | Dene | |
| arrow-u-l | Ok sola yukarı bakacak | Dene | |
| arrow-u-r | Ok sağa yukarı bakacak | Dene | |
| arrow-l | solu gösteren ok | Dene | |
| arrow-r | hakkını gösteren ok | Dene | |
| arrow-u | Ok yukarıyı gösteren | Dene | |
| arrow-d | Ok aşağı bakacak | Dene | |
| back | Geri (curved arrow pointing counterclockwise upwards) | Dene | |
| bars | Çubuklar (three horizontal bars over each other) | Dene | |
| bullets | Mermiler (three horizontal bullets over each other) | Dene | |
| calendar | calendar | Dene | |
| camera | camera | Dene | |
| carat-d | Karat aşağı bakacak | Dene | |
| carat-l | Karat solu gösteren | Dene | |
| carat-r | Karat işaret sağ | Dene | |
| carat-u | Karat yukarıyı gösteren | Dene | |
| check | Onay işareti | Dene | |
| clock | clock | Dene | |
| cloud | cloud | Dene | |
| comment | comment | Dene | |
| delete | Sil (X) | Dene | |
| edit | Düzenleme / Kalem | Dene | |
| eye | eye | Dene | |
| forbidden | Yasak işareti | Dene | |
| forward | forward | Dene | |
| gear | gear | Dene | |
| grid | grid | Dene | |
| heart | Kalp / Sevgi sembolü | Dene | |
| home | home | Dene | |
| info | Bilgi | Dene | |
| location | Konum / GPS | Dene | |
| lock | Kilit / Kilit | Dene | |
| Posta / Letter | Dene | ||
| minus | minus | Dene | |
| navigation | navigation | Dene | |
| phone | Telefon | Dene | |
| power | Güç (On/off) | Dene | |
| plus | plus | Dene | |
| recycle | recycle | Dene | |
| refresh | refresh | Dene | |
| search | search | Dene | |
| shop | Mağaza / Pag / Cüzdan | Dene | |
| star | star | Dene | |
| tag | tag | Dene | |
| user | Kullanıcı / Kişi | Dene | |
| video | Video kamera | Dene |