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)