jQuery Mobile Icon
We can use the icon in <a> class in jQuery Mobile and <button> add icons on the element, and the icons are positioned as follows:
<a href="#anylink" class="ui-btn ui-icon-refresh ui-btn-icon-left "> </a> refresh the page to try
<button class = "ui-btn ui-icon-refresh ui-btn-icon-left"> refresh the page </ button> to try
Add icon <input> button, you can use the data-icon attribute:
<a href="#anylink" data-icon="refresh"> </a> refresh the page to try
We can use the data-icon attribute to add an icon on the navigation button:
<a href="#anylink" data-icon="refresh"> </a> refresh the page to try
If you want to add an icon button in the list, you can use the data-icon attribute in the <li> in:
<li data-icon = "refresh "> <a href="#"> point I </a> </ li> Try
Below we list all the available icons jQuery Mobile provides:
| value | description | icon | Examples |
|---|---|---|---|
| action | action | try it | |
| alert | caveat | try it | |
| audio | Video / audio / speaker | try it | |
| arrow-dl | Lower left corner | try it | |
| arrow-dr | Bottom right corner | try it | |
| arrow-ul | The upper left corner | try it | |
| arrow-ur | Upper right corner | try it | |
| arrow-l | Left Arrow | try it | |
| arrow-r | Right arrow | try it | |
| arrow-u | Up Arrow | try it | |
| arrow-d | Down Arrow | try it | |
| back | return | try it | |
| bars | Columns | try it | |
| bullets | Fences | try it | |
| calendar | calendar | try it | |
| camera | camera | try it | |
| carat-d | down | try it | |
| carat-l | left | try it | |
| carat-r | To the right | try it | |
| carat-u | up | try it | |
| check | Witness mark | try it | |
| clock | clock | try it | |
| cloud | cloud | try it | |
| comment | comment | try it | |
| delete | Delete (X) | try it | |
| edit | Edit / pencil | try it | |
| eye | eye | try it | |
| forbidden | Still mark | try it | |
| forward | go ahead | try it | |
| gear | gear | try it | |
| grid | grid | try it | |
| heart | Heart / Love sign | try it | |
| home | Home (Home) | try it | |
| info | information | try it | |
| location | Location / GPS | try it | |
| lock | Lock / Padlock | try it | |
| Mail / Envelopes | try it | ||
| minus | Sign, minus sign | try it | |
| navigation | navigation | try it | |
| phone | phone | try it | |
| power | Switch (On / off) | try it | |
| plus | plus | try it | |
| recycle | Recover | try it | |
| refresh | Refresh | try it | |
| search | search for | try it | |
| shop | Shops, wallets, handbags | try it | |
| star | Asterisk | try it | |
| tag | label | try it | |
| user | user | try it | |
| video | Video camera | try it |