jQuery Mobile - Atribut Data
Tombol
Ini menentukan tombol yang dapat diklik yang menyertakan konten seperti teks atau gambar menggunakan kelas ui-btn . Ini tidak digunakan lagi dalam versi 1.4. Gunakan atribut ui-btn daripada menggunakan atribut data-role = "button" .
Tabel berikut mencantumkan elemen tombol yang digunakan dengan atribut data.
Sr.No. | Data-atribut & Deskripsi | Nilai |
---|---|---|
1 | data-corners Ini menentukan apakah tombol harus berisi sudut membulat atau tidak. |
benar | Salah |
2 | data-icon Ini mendefinisikan ikon tombol. |
Default tidak ada ikon |
3 | data-iconpos Ini menentukan posisi ikon. |
kiri | benar | atas | bawah |
4 | data-iconshadow Ini menentukan apakah ikon tombol harus berisi bayangan atau tidak. |
benar | Salah |
5 | data-inline Ini menentukan apakah tombol harus sebaris atau tidak. |
benar | Salah |
6 | data-mini Ini menentukan apakah tombol harus ditampilkan dalam ukuran yang lebih kecil atau ukuran biasa. |
benar | Salah |
7 | data-shadow Ini menentukan apakah tombol harus berisi bayangan atau tidak. |
benar | Salah |
8 | data-theme Ini menampilkan warna tema untuk tombol. |
huruf (az) |
Kotak centang
Tabel berikut mencantumkan elemen kotak centang yang digunakan dengan type = "checkbox".
Sr.No. | Data-atribut & Deskripsi | Nilai |
---|---|---|
1 | data-mini Ini menentukan apakah kotak centang harus ditampilkan dalam ukuran yang lebih kecil atau ukuran biasa. |
benar | Salah |
2 | data-role Ini menghentikan gaya kotak centang sebagai tombol. |
tidak ada |
3 | data-theme Ini menampilkan warna tema untuk kotak centang. |
huruf (az) |
Bisa dilipat
Tabel berikut mencantumkan elemen yang dapat diciutkan yang digunakan dengan data-role = "collapsible" atribut.
Sr.No. | Data-atribut & Deskripsi | Nilai |
---|---|---|
1 | data-collapsed Ini menunjukkan apakah konten harus ditutup atau diperluas. |
benar | Salah |
2 | data-collapsed-cue-text Ini menampilkan umpan balik untuk pengguna dengan perangkat lunak pembaca layar. |
Defaultnya adalah menciutkan konten |
3 | data-collapsed-icon Ini mendefinisikan ikon tombol yang bisa dilipat. |
Ikon default adalah "plus" |
4 | data-content-theme Ini menampilkan warna tema untuk konten yang bisa dilipat. |
huruf (az) |
5 | data-expanded-cue-text Ini menampilkan umpan balik untuk pengguna dengan perangkat lunak pembaca layar. |
Default adalah memperluas konten |
6 | data-expanded-icon Ini menampilkan tombol yang bisa diciutkan saat Anda memperluas konten. |
Ikon default adalah "minus" |
7 | data-iconpos Ini menentukan posisi ikon. |
kiri | benar | atas | bawah |
8 | data-inset Ini menentukan apakah tombol yang dapat dilipat harus ditampilkan dengan sudut membulat dan margin atau tidak. |
benar | Salah |
9 | data-mini Ini menentukan apakah tombol yang bisa dilipat harus ditampilkan dalam ukuran yang lebih kecil atau ukuran biasa. |
benar | Salah |
10 | data-theme Ini menampilkan warna tema untuk tombol yang bisa dilipat. |
huruf (az) |
Set yang Dapat Dilipat
Tabel berikut mencantumkan elemen kumpulan yang dapat diciutkan yang digunakan dengan data-role = "collapsibleset" atribut.
Sr.No. | Data-atribut & Deskripsi | Nilai |
---|---|---|
1 | data-collapsed-icon Ini mendefinisikan ikon tombol yang bisa dilipat. |
Ikon default adalah "plus" |
2 | data-content-theme Ini menampilkan warna tema untuk konten yang bisa dilipat. |
huruf (az) |
3 | data-expanded-icon Ini menampilkan tombol yang bisa diciutkan saat Anda memperluas konten. |
Ikon default adalah "minus" |
4 | data-iconpos Ini menentukan posisi ikon. |
kiri | benar | atas | bawah |
5 | data-inset Ini menentukan apakah tombol yang dapat dilipat harus ditampilkan dengan sudut membulat dan margin atau tidak. |
benar | Salah |
6 | data-mini Ini menentukan apakah tombol yang bisa dilipat harus ditampilkan dalam ukuran yang lebih kecil atau ukuran biasa. |
benar | Salah |
7 | data-theme Ini menampilkan warna tema untuk tombol yang bisa dilipat. |
huruf (az) |
Controlgroup
Tabel berikut mencantumkan elemen Controlgroup yang digunakan dengan data-role = "controlgroup" atribut -
Sr.No. | Data-atribut & Deskripsi | Nilai |
---|---|---|
1 | data-exclude-invisible Ini menentukan apakah akan mengecualikan anak-anak tak terlihat dalam tugas sudut membulat. |
benar | Salah |
2 | data-mini Ini menentukan apakah grup harus menampilkan dalam ukuran yang lebih kecil atau ukuran biasa. |
benar | Salah |
3 | data-theme Ini menampilkan warna tema untuk controlgroup. |
huruf (az) |
4 | data-type Ini menunjukkan apakah grup harus ditampilkan dalam format horizontal atau vertikal. |
horizontal | vertikal |
Dialog
Tabel berikut mencantumkan elemen dialog yang digunakan dengan data-dialog="true" atribut.
Sr.No. | Data-atribut & Deskripsi | Nilai |
---|---|---|
1 | data-close-btn Ini menentukan posisi tombol tutup. |
kiri | benar | tidak ada |
2 | data-close-btn-text Ini mendefinisikan teks untuk tombol tutup. |
teks |
3 | data-corners Ini menentukan apakah dialog harus ditampilkan dengan sudut membulat atau tidak. |
benar | Salah |
4 | data-dom-cache Ini menunjukkan apakah cache DOM harus dihapus atau tidak untuk setiap halaman. |
benar | Salah |
5 | data-overlay-theme Ini mendefinisikan warna overlay dari halaman dialog. |
huruf (az) |
6 | data-theme Ini menentukan warna tema halaman dialog. |
huruf (az) |
7 | data-title Ini mendefinisikan judul halaman dialog. |
teks |
Peningkatan
Tabel berikut mencantumkan elemen penyempurnaan yang digunakan dengan data-enhance="false" or data-ajax = "false" atribut.
Sr.No. | Data-atribut & Deskripsi | Nilai |
---|---|---|
1 | data-enhance Anda dapat mengatur gaya halaman dengan menyetel atribut ini ke "true". Anda tidak dapat mengatur gaya halaman jika disetel ke "false". |
benar | Salah |
2 | data-ajax Ini menunjukkan apakah halaman harus dimuat dari Ajax atau tidak. |
benar | Salah |
Toolbar tetap
Tabel berikut mencantumkan elemen toolbar yang digunakan dengan data-position = "fixed" atribut.
Sr.No. | Data-atribut & Deskripsi | Nilai |
---|---|---|
1 | data-disable-page-zoom Ini menentukan apakah pengguna dapat menskalakan / memperbesar halaman atau tidak. |
benar | Salah |
2 | data-fullscreen Ini mendefinisikan toolbar harus diposisikan di atas dan / atau bawah. |
benar | Salah |
3 | data-tap-toggle Ini menunjukkan apakah pengguna dapat mengalihkan visibilitas bilah alat pada keran atau tidak. |
benar | Salah |
4 | data-transition Ini menunjukkan efek transisi ketika Anda mengetuk atau mengklik elemen. |
geser | memudar | tidak ada |
5 | data-update-page-padding Ini memperbarui padding halaman dengan menggunakan acara pengubahan ukuran, transisi, dan pembaruan tata letak. |
benar | Salah |
6 | data-visible-on-page-show Ini mendefinisikan toolbar-visibilitas ketika halaman induk ditampilkan. |
benar | Salah |
Balikkan Sakelar Toggle
Tabel berikut mencantumkan elemen sakelar balik yang digunakan dengan data-role = "flipswitch" atribut -
Sr.No. | Data-atribut & Deskripsi | Nilai |
---|---|---|
1 | data-mini Ini menentukan apakah sakelar harus ditampilkan dalam ukuran yang lebih kecil atau ukuran biasa. |
benar | Salah |
2 | data-on-text Ini mendefinisikan teks "on" pada tombol flip. |
Default-nya adalah "aktif" |
3 | data-off-text Ini mendefinisikan teks "off" pada tombol flip. |
Default-nya adalah "off" |
Footer
Tabel berikut mencantumkan elemen footer yang digunakan dengan atribut data-role = "footer" -
Sr.No. | Data-atribut & Deskripsi | Nilai |
---|---|---|
1 | data-id Ini mendefinisikan ID unik. |
teks |
2 | data-position Ini menentukan apakah footer harus diposisikan di bagian bawah atau sejajar dengan konten halaman. |
sebaris | tetap |
3 | data-fullscreen Ini menentukan apakah footer harus diposisikan di bagian bawah dan di atas konten halaman atau tidak. |
benar | Salah |
4 | data-theme Ini menentukan warna tema footer. |
huruf (az) |
Header
Tabel berikut mencantumkan elemen header yang digunakan dengan data-role = "header" atribut.
Sr.No. | Data-atribut & Deskripsi | Nilai |
---|---|---|
1 | data-id Ini mendefinisikan ID unik. |
teks |
2 | data-position Ini menentukan apakah header harus diposisikan di bagian bawah atau sejajar dengan konten halaman. |
sebaris | tetap |
3 | data-fullscreen Ini menentukan apakah header harus diposisikan di bagian bawah dan di atas konten halaman atau tidak. |
benar | Salah |
4 | data-theme Ini mendefinisikan warna tema tajuk. |
huruf (az) |
Masukan
Tabel berikut mencantumkan elemen input yang digunakan dengan type = "text|search|etc" atribut.
Sr.No. | Data-atribut & Deskripsi | Nilai |
---|---|---|
1 | data-clear-btn Ini menentukan apakah elemen input harus berisi tombol hapus atau tidak. |
benar | Salah |
2 | data-clear-btn-text Ini mendefinisikan teks untuk tombol hapus. |
teks |
3 | data-mini Ini menentukan apakah masukan harus ditampilkan dalam ukuran yang lebih kecil atau ukuran biasa. |
benar | Salah |
4 | data-role Ini berhenti memasukkan input atau area teks sebagai tombol. |
tidak ada |
5 | data-theme Ini mendefinisikan warna tema dari elemen input. |
huruf (az) |
Tautan
Tabel berikut mencantumkan elemen tautan yang digunakan dengan jQuery Mobile.
Sr.No. | Data-atribut & Deskripsi | Nilai |
---|---|---|
1 | data-ajax Ini menunjukkan apakah halaman harus dimuat melalui Ajax atau tidak. |
benar | Salah |
2 | data-direction Ini digunakan untuk transisi terbalik. |
balik |
3 | data-dom-cache Ini menunjukkan apakah cache jQuery DOM harus bersih atau tidak untuk halaman. |
benar | Salah |
4 | data-prefetch Ini digunakan untuk mengambil halaman ke dalam DOM. |
benar | Salah |
5 | data-rel Ini menentukan perilaku tautan. |
kembali | dialog | eksternal | muncul |
6 | data-transition Ini mendefinisikan transisi dari satu halaman ke halaman lain. |
memudar | membalik | aliran | pop | geser | slidedown | slidefade | slideup | putar | tidak ada |
7 | data-position-to Ini menentukan posisi kotak popup. |
asal | jQuery selector | jendela |
Daftar
Tabel berikut menunjukkan elemen daftar yang digunakan dengan data-role = "listview" atribut.
Sr.No. | Data-atribut & Deskripsi | Nilai |
---|---|---|
1 | data-autodividers Ini membagi daftar secara otomatis. |
benar | Salah |
2 | data-count-theme Ini menentukan warna tema dari elemen hitungan. |
huruf (az) |
3 | data-divider-theme Ini menentukan warna tema untuk pembagi daftar. |
huruf (az) |
4 | data-filter Ini digunakan untuk memfilter nilai daftar di kotak pencarian. |
benar | Salah |
5 | data-filter-placeholder Ini mendefinisikan beberapa teks di dalam kotak pencarian. |
teks |
6 | data-filter-theme Ini menentukan warna tema untuk filter pencarian. |
huruf (az) |
7 | data-icon Ini memberikan ikon untuk daftar. |
Default tidak ada ikon |
8 | data-inset Ini menentukan apakah daftar harus ditampilkan dengan sudut membulat dan margin atau tidak. |
benar | Salah |
9 | data-split-icon Ini mendefinisikan ikon untuk tombol split. |
Ikon default adalah "panah-r" |
10 | data-split-theme Ini menentukan warna tema untuk tombol split. |
huruf (az) |
11 | data-theme Ini menentukan warna tema untuk daftar. |
huruf (az) |
Daftar barang
Tabel berikut menunjukkan elemen item daftar yang digunakan dengan data-role = "listview" atribut.
Sr.No. | Data-atribut & Deskripsi | Nilai |
---|---|---|
1 | data-filtertext Ini digunakan untuk memfilter nilai daftar menggunakan teks di kotak pencarian. |
teks |
2 | data-icon Ini memberikan ikon untuk item daftar. |
Default tidak ada ikon |
3 | data-role Ini mendefinisikan pemisah untuk item daftar. |
pembagi daftar |
4 | data-theme Ini menentukan warna tema untuk item daftar. |
huruf (az) |
Navbar
Tabel berikut mencantumkan elemen navbar yang digunakan dengan data-role = "navbar" atribut.
Sr.No. | Data-atribut & Deskripsi | Nilai |
---|---|---|
1 | data-icon Ini memberikan ikon untuk item daftar. |
Default tidak ada ikon |
2 | data-iconpos Ini menentukan posisi ikon. |
kiri | benar | atas | bawah | notext |
Halaman
Tabel berikut mencantumkan elemen halaman yang digunakan dengan data-role = "page" atribut.
Sr.No. | Data-atribut & Deskripsi | Nilai |
---|---|---|
1 | data-dom-cache Ini menunjukkan apakah cache DOM harus dihapus atau tidak untuk setiap halaman. |
benar | Salah |
2 | data-overlay-theme Ini mendefinisikan warna overlay dari halaman dialog. |
huruf (az) |
3 | data-theme Ini menentukan warna tema untuk halaman. |
huruf (az) |
4 | data-title Ini memberikan judul untuk halaman tersebut. |
Default tidak ada ikon |
5 | data-url Ini digunakan untuk memperbarui URL. |
url |
Muncul
Tabel berikut mencantumkan elemen popup yang digunakan dengan data-role = "popup" atribut.
Sr.No. | Data-atribut & Deskripsi | Nilai |
---|---|---|
1 | data-corners Ini menentukan apakah popup harus ditampilkan dengan sudut dan margin membulat atau tidak. |
benar | Salah |
2 | data-dismissible Ini menentukan apakah popup harus ditutup dengan mengklik di luar atau tidak. |
benar | Salah |
3 | data-history Ini menentukan apakah popup harus menampilkan sejarah item saat dibuka. |
benar | Salah |
4 | data-overlay-theme Ini menentukan warna overlay dari kotak popup. |
huruf (az) |
5 | data-shadow Ini menampilkan bayangan untuk kotak popup. |
benar | Salah |
6 | data-theme Ini menentukan warna tema untuk kotak popup. |
huruf (az) |
7 | data-tolerance Ini mendefinisikan tepi jendela. |
30, 15, 30, 15 |
Tombol radio
Tabel berikut mencantumkan elemen tombol radio yang digunakan dengan type = "radio" atribut.
Sr.No. | Data-atribut & Deskripsi | Nilai |
---|---|---|
1 | data-mini Ini menentukan apakah tombol harus ditampilkan dalam ukuran yang lebih kecil atau ukuran biasa. |
benar | Salah |
2 | data-role Ini menghentikan gaya tombol radio sebagai tombol yang disempurnakan. |
tidak ada |
3 | data-theme Ini menentukan warna tema untuk tombol radio. |
huruf (az) |
Pilih
Tabel berikut mencantumkan elemen terpilih yang digunakan dengan jQuery Mobile.
Sr.No. | Data-atribut & Deskripsi | Nilai |
---|---|---|
1 | data-icon Ini memberikan ikon untuk elemen pilih. |
Default-nya adalah "panah-d" |
2 | data-iconpos Ini menentukan posisi ikon. |
kiri | benar | atas | bawah |
3 | data-inline Ini menentukan apakah tombol harus sebaris atau tidak. |
benar | Salah |
4 | data-mini Ini menentukan apakah pemilihan harus ditampilkan dalam ukuran yang lebih kecil atau ukuran biasa. |
benar | Salah |
5 | data-native-menu Ini menggunakan menu kustom ketika telah disetel ke false. |
benar | Salah |
6 | data-overlay-theme Ini menentukan warna overlay untuk menu pilih kustom. |
huruf (az) |
7 | data-placeholder Ini digunakan untuk menyetel elemen opsi dari pemilihan non-native. |
benar | Salah |
8 | data-role Ini menghentikan gaya elemen pilih sebagai tombol. |
tidak ada |
9 | data-theme Ini menampilkan warna tema untuk elemen pilih. |
huruf (az) |
Slider
Tabel berikut mencantumkan elemen slider yang digunakan dengan type = "range" atribut.
Sr.No. | Data-atribut & Deskripsi | Nilai |
---|---|---|
1 | data-highlight Ini menyoroti slider. |
benar | Salah |
2 | data-mini Ini menentukan apakah slider harus ditampilkan dalam ukuran yang lebih kecil atau ukuran biasa. |
benar | Salah |
3 | data-role Ini menghentikan gaya kontrol slider sebagai tombol. |
tidak ada |
4 | data-theme Ini menampilkan warna tema untuk kontrol slider. |
huruf (az) |
5 | data-track-theme Ini menampilkan warna tema untuk trek slider. |
huruf (az) |