Tutorial tombol ikon jQuery Mobile Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari Tombol untuk menambahkan ikon untuk jQuery Mobile,lokasi icon,Icon Lokasi:,Hanya menampilkan icon,contoh:,Hapus lingkaran,contoh,Hitam, tombol putih,contoh,contoh yang lebih,
jQuery Mobile menyediakan satu set tombol mari kita melihat ikon lebih diinginkan.
Kita dapat menggunakan class ui-icon untuk menambahkan ikon ke tombol, dan tombol dapat diatur menggunakan kelas tertentu.
<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-left">Search</a>
Catatan: Pada tombol cara lain, seperti daftar atau bentuk tombol memanfaatkan data-icon atribut. Pada bagian berikutnya kita akan memperkenalkan tertentu.
Di bawah ini daftar beberapa ikon yang tersedia jQuery Mobile menyediakan:
kelas tombol | deskripsi | push button | contoh |
---|---|---|---|
ui-icon panah-l | Left Arrow | mencoba | |
ui-icon panah-r | panah kanan | mencoba | |
ui-icon-info | informasi | mencoba | |
ui-icon-menghapus | Hapus | mencoba | |
ui-icon-kembali | mundur | mencoba | |
ui-icon-audio yang | pembicara | mencoba | |
ui-icon-lock | gembok | mencoba | |
ui-icon-search | pencarian | mencoba | |
ui-icon-peringatan | peringatan | mencoba | |
ui-icon-grid | bertautan | mencoba | |
ui-icon-rumah | rumah | mencoba |
Untuk referensi manual yang lengkap untuk semua ikon tombol jQuery Mobile, kunjungi ikon Referensi jQuery Mobile .
Anda juga dapat menentukan ikon strategis di tombol posisi apa: bagian atas (top), sisi kanan (kanan), di bagian bawah (bottom), kiri (kiri).
Silakan gunakan-icon ui-btn atribut untuk menentukan lokasi:
Jika Anda tidak menentukan lokasi gambar tombol, ikon tidak akan ditampilkan. |
Jika Anda ingin menampilkan ikon, Anda dapat menggunakan "notext":
Secara default, semua ikon memiliki lingkaran abu-abu. Jika Anda tidak membutuhkannya, Anda dapat menggunakan elemen "ui-nodisc-icon" Kategori:
Secara default, semua ikon berwarna putih. Jika Anda perlu mengubah ikon warna hitam, Anda dapat menambahkan "ui-alt-icon" dalam elemen:
Tambahkan "ui-nodisc-icon" kelas untuk wadah
Misalnya "ui-nodisc-icon" kelas.
Tambahkan "ui-alt-icon" kelas untuk wadah
Misalnya "ui-alt-icon" kelas.