jQuery Ikon
Untuk menambahkan ikon untuk Anda <a> dan <button> elemen di jQuery Mobile, menggunakan kelas ikon dan posisi ikon seperti yang ditunjukkan di bawah ini (satu-satunya pengecualian adalah tombol di navbars, yang ditampilkan lebih bawah):
<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
Untuk menambahkan ikon untuk Anda <input> tombol, menggunakan data-icon atribut:
<input type="button" value="Refresh page" data-icon="refresh" >
Try it
Untuk menambahkan ikon untuk tombol navbar Anda, gunakan data atribut-icon:
<a href="#anylink" data-icon="refresh" >Refresh Page</a>
Try it
Untuk menambahkan ikon ke tombol daftar Anda, menggunakan data-ikon atribut pada <li> :
<li data-icon="refresh" ><a href="#">Click me</a></li>
Try it
Di bawah ini kami telah mendaftarkan semua ikon yang tersedia yang jQuery Mobile menyediakan:
| Nilai | Deskripsi | icon | Contoh |
|---|---|---|---|
| action | Action (panah menunjuk searah jarum jam keluar dari kotak) | Cobalah | |
| alert | alert | Cobalah | |
| audio | Audio / Suara / Speaker | Cobalah | |
| arrow-d-l | Panah mengarah ke bawah ke kiri | Cobalah | |
| arrow-d-r | Panah mengarah ke bawah ke kanan | Cobalah | |
| arrow-u-l | Panah menunjuk ke atas ke kiri | Cobalah | |
| arrow-u-r | Panah menunjuk ke atas ke kanan | Cobalah | |
| arrow-l | Panah menunjuk kiri | Cobalah | |
| arrow-r | Panah menunjuk tepat | Cobalah | |
| arrow-u | Panah menunjuk ke atas | Cobalah | |
| arrow-d | Panah menunjuk ke bawah | Cobalah | |
| back | Kembali (panah melengkung menunjuk berlawanan ke atas) | Cobalah | |
| bars | Bar (tiga bar horisontal satu sama lain) | Cobalah | |
| bullets | Peluru (tiga peluru horisontal satu sama lain) | Cobalah | |
| calendar | calendar | Cobalah | |
| camera | camera | Cobalah | |
| carat-d | Carat menunjuk ke bawah | Cobalah | |
| carat-l | Carat menunjuk meninggalkan | Cobalah | |
| carat-r | Carat menunjuk tepat | Cobalah | |
| carat-u | Carat mengarah ke atas | Cobalah | |
| check | Tanda cek | Cobalah | |
| clock | clock | Cobalah | |
| cloud | cloud | Cobalah | |
| comment | comment | Cobalah | |
| delete | Hapus (X) | Cobalah | |
| edit | Mengedit / Pensil | Cobalah | |
| eye | eye | Cobalah | |
| forbidden | terlarang tanda | Cobalah | |
| forward | forward | Cobalah | |
| gear | gear | Cobalah | |
| grid | grid | Cobalah | |
| heart | Hati / Cinta simbol | Cobalah | |
| home | home | Cobalah | |
| info | Informasi | Cobalah | |
| location | Lokasi / GPS | Cobalah | |
| lock | Lock / Gembok | Cobalah | |
| Mail / Surat | Cobalah | ||
| minus | minus | Cobalah | |
| navigation | navigation | Cobalah | |
| phone | Telepon | Cobalah | |
| power | Daya (On / off) | Cobalah | |
| plus | plus | Cobalah | |
| recycle | recycle | Cobalah | |
| refresh | refresh | Cobalah | |
| search | search | Cobalah | |
| shop | Toko / Pag / Purse | Cobalah | |
| star | star | Cobalah | |
| tag | tag | Cobalah | |
| user | User / Orang | Cobalah | |
| video | Kamera video | Cobalah |