Ikony jQuery
Aby dodać ikonę do <a> i <button> elementów w jQuery Mobile, użyć klasy ikonę i ustawić ikonę, jak pokazano poniżej (jedyny wyjątek to przyciski w NavBars, które są podane niżej):
<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
Aby dodać ikonę do <input> przyciski, użyj data-icon atrybut:
<input type="button" value="Refresh page" data-icon="refresh" >
Try it
Aby dodać ikonę do przycisków NavBar użyć atrybutu danych ICON:
<a href="#anylink" data-icon="refresh" >Refresh Page</a>
Try it
Aby dodać ikonę do listy przycisków użyć atrybutu danych ikonę na <li> :
<li data-icon="refresh" ><a href="#">Click me</a></li>
Try it
Poniżej zostały wymienione wszystkie dostępne ikony jQuery Mobile oferuje:
| Wartość | Opis | Ikona | Przykład |
|---|---|---|---|
| action | Akcja (strzałka skierowana w lewo z pudełka) | Spróbuj | |
| alert | alert | Spróbuj | |
| audio | Audio / sound / Głośniki | Spróbuj | |
| arrow-d-l | Strzałka w dół, w lewo | Spróbuj | |
| arrow-d-r | Strzałka w dół, w prawo | Spróbuj | |
| arrow-u-l | Strzałka w górę w lewo | Spróbuj | |
| arrow-u-r | Strzałka w górę w prawo | Spróbuj | |
| arrow-l | Strzałka w lewo | Spróbuj | |
| arrow-r | Strzałka w prawo | Spróbuj | |
| arrow-u | Strzałka skierowana w górę | Spróbuj | |
| arrow-d | Strzałka skierowana w dół | Spróbuj | |
| back | Powrót (zakrzywiona strzałka skierowana w lewo, w górę) | Spróbuj | |
| bars | Bary (trzy poziome kreski nad sobą) | Spróbuj | |
| bullets | Pociski (trzy poziome kule nad sobą) | Spróbuj | |
| calendar | calendar | Spróbuj | |
| camera | camera | Spróbuj | |
| carat-d | Carat skierowaną w dół | Spróbuj | |
| carat-l | Carat wskazując w lewo | Spróbuj | |
| carat-r | Carat skierowaną w prawo | Spróbuj | |
| carat-u | Carat, wskazując w górę | Spróbuj | |
| check | Wyboru | Spróbuj | |
| clock | clock | Spróbuj | |
| cloud | cloud | Spróbuj | |
| comment | comment | Spróbuj | |
| delete | Delete (X) | Spróbuj | |
| edit | Edycja / ołówek | Spróbuj | |
| eye | eye | Spróbuj | |
| forbidden | Zakazane znak | Spróbuj | |
| forward | forward | Spróbuj | |
| gear | gear | Spróbuj | |
| grid | grid | Spróbuj | |
| heart | Serca / symbol miłości | Spróbuj | |
| home | home | Spróbuj | |
| info | Informacja | Spróbuj | |
| location | Lokalizacja / GPS | Spróbuj | |
| lock | Blokowanie / Kłódka | Spróbuj | |
| Mail / Letter | Spróbuj | ||
| minus | minus | Spróbuj | |
| navigation | navigation | Spróbuj | |
| phone | Telefon | Spróbuj | |
| power | Zasilania (on / off) | Spróbuj | |
| plus | plus | Spróbuj | |
| recycle | recycle | Spróbuj | |
| refresh | refresh | Spróbuj | |
| search | search | Spróbuj | |
| shop | Sklep / Pag / Torebka | Spróbuj | |
| star | star | Spróbuj | |
| tag | tag | Spróbuj | |
| user | Użytkownik / osoba | Spróbuj | |
| video | Kamera wideo | Spróbuj |