ikon Mudah Alih jQuery
Kami boleh menggunakan kelas ikon untuk menambah ikon pada <a> dan <butang> elemen dalam jQuery Mobile dan meletakkan ikon seperti berikut:
<a href="#anylink" class="ui-btn ui-icon-refresh ui-btn-icon-left">Muat semula halaman</a>Cubalah
<button class="ui-btn ui-icon-refresh ui-btn-icon-left">Muat semula halaman</button> ;Cuba ia
Untuk menambah ikon pada butang <input> anda boleh menggunakan atribut ikon data:
<a href =" #anylink" data-icon="refresh">Muat semula halaman</a>Cuba
Kami boleh menggunakan atribut ikon data pada butang navigasi Tambah ikon:
<a href="#anylink" data-icon="refresh">Muat semula halaman</a>Cuba it out
Jika anda ingin menambah ikon pada butang senarai, anda boleh menggunakan atribut ikon data dalam <li>:
<li data-icon="refresh"><a href="#">Klik saya</a></li>Cubalah
Di bawah kami telah menyenaraikan semua ikon tersedia yang disediakan oleh jQuery Mobile:
| nilai | penerangan | ikon | contoh |
|---|---|---|---|
| tindakan | tindakan | Cubalah | |
| makluman | Amaran | Cubalah | |
| audio | Video/Audio/Speaker | Cubalah | |
| arrow-d-l | Sudut kiri bawah | Cubalah | |
| arrow-d-r | Sudut kanan bawah | Cubalah | |
| anak panah-u-l | Sudut kiri atas | | Cubalah |
| arrow-u-r | Sudut kanan atas | Cuba Klik | |
| anak panah-l | Anak Panah Kiri | Cuba | |
| anak panah-r | Anak panah kanan | Cubalah | |
| anak panah- u | Anak Panah Atas | Cubalah | |
| anak panah-d | Panah Bawah | | Cubalah |
| kembali | Kembali | Cubalah | |
| bar | lajur | Cubalah | |
| peluru | Pagar | Cubalah | |
| kalendar | Kalendar | Cubalah | |
| kamera | Kamera | Cubalah | |
| karat -d | turun | Cubalah | |
| karat-l | Kiri | Cubalah | |
| karat -r | kanan | Cubalah | |
| karat - u | up | cuba | |
| semak | tanda pengesahan | Cubalah | |
| jam | jam | Cubalah | |
| awan | awan | Cubalah | |
| ulasan | Ulasan | Cubalah | |
| padam | Padam (X) | Cubalah | |
| edit | edit/pensel | Cubalah | |
| mata | mata | Cubalah | |
| dilarang | Stesen mark | Cubalah | |
| ke hadapan | ke hadapan | Cubalah | |
| gear | gear | cubalah | |
| grid | grid | Cubalah | |
| hati | Tanda Hati/Cinta | Cubalah | |
| rumah | Rumah (Rumah) | Cubalah | |
| maklumat | Maklumat | Cubalah | |
| lokasi | Lokasi/GPS | Cubalah | |
| kunci | kunci/kunci | Cubalah | |
| mel | Mel/Sampul | Cubalah | |
| tolak | Simbol, tanda tolak | Cubalah | |
| navigasi | Navigasi | Cuba | |
| telefon | Telefon | Cubalah | |
| kuasa | Suis (Hidup/mati) | Cubalah | |
| tambah | tambah | Cubalah | |
| kitar semula | kitar semula | cubalah | |
| segarkan | Segarkan semula | Cubalah | |
| cari | Cari | Cubalah | |
| belanja | Beli, dompet, beg tangan | Cubalah | |
| bintang | bintang | cubalah | |
| tag | Tag | Cubalah | |
| pengguna | pengguna | | Cubalah |
| video | Kamera | Cubalah |
