jQuery Mobile - Veri Öznitelikleri

Buton

Ui-btn sınıfını kullanan metin veya resimler gibi içeriği içeren tıklanabilir bir düğmeyi belirtir . 1.4 sürümünde kullanımdan kaldırılmıştır. Kullanım ui-btn kullanmak yerine niteliğini veri rol = "button" özelliğini.

Aşağıdaki tablo, veri özniteliğiyle kullanılan düğme öğelerini listeler.

Sr.No. Veri özniteliği ve Açıklama Değer
1

data-corners

Düğmenin yuvarlatılmış köşeler içerip içermeyeceğini tanımlar.

doğru | yanlış
2

data-icon

Düğmenin simgesini tanımlar.

Varsayılan simge yok
3

data-iconpos

Simgenin konumunu tanımlar.

sol | sağ | yukarı | alt
4

data-iconshadow

Düğme simgesinin gölge içerip içermeyeceğini tanımlar.

doğru | yanlış
5

data-inline

Düğmenin satır içi olup olmayacağını tanımlar.

doğru | yanlış
6

data-mini

Düğmenin daha küçük boyutta mı yoksa normal boyutta mı görüntüleneceğini tanımlar.

doğru | yanlış
7

data-shadow

Düğmenin gölge içerip içermeyeceğini tanımlar.

doğru | yanlış
8

data-theme

Düğmenin tema rengini görüntüler.

mektup (az)

Onay kutusu

Aşağıdaki tablo, kullanılan onay kutusu öğelerini listeler type = "checkbox".

Sr.No. Veri özniteliği ve Açıklama Değer
1

data-mini

Onay kutusunun daha küçük boyutta mı yoksa normal boyutta mı görüntüleneceğini tanımlar.

doğru | yanlış
2

data-role

Onay kutularının düğme olarak stilini durdurur.

Yok
3

data-theme

Onay kutusu için tema rengini görüntüler.

mektup (az)

Katlanabilir

Aşağıdaki tablo, birlikte kullanılan daraltılabilir öğeleri listeler data-role = "collapsible" öznitelik.

Sr.No. Veri özniteliği ve Açıklama Değer
1

data-collapsed

İçeriğin kapatılması veya genişletilmesi gerektiğini belirtir.

doğru | yanlış
2

data-collapsed-cue-text

Ekran okuyucu yazılımı olan kullanıcılar için geribildirim görüntüler.

Varsayılan içerik daraltmaktır
3

data-collapsed-icon

Katlanabilir düğme simgesini tanımlar.

Varsayılan simge "artı" dır
4

data-content-theme

Daraltılabilir içerik için tema rengini görüntüler.

mektup (az)
5

data-expanded-cue-text

Ekran okuyucu yazılımı olan kullanıcılar için geribildirim görüntüler.

Varsayılan, içeriği genişletmektir
6

data-expanded-icon

İçeriği genişlettiğinizde daraltılabilir düğmeyi görüntüler.

Varsayılan simge "eksi" dir
7

data-iconpos

Simgenin konumunu tanımlar.

sol | sağ | yukarı | alt
8

data-inset

Daraltılabilir düğmenin yuvarlatılmış köşeleri ve kenar boşluğu ile görüntülenip görüntülenmeyeceğini tanımlar.

doğru | yanlış
9

data-mini

Katlanabilir düğmelerin daha küçük boyutta mı yoksa normal boyutta mı görüntüleneceğini tanımlar.

doğru | yanlış
10

data-theme

Katlanabilir düğme için tema rengini görüntüler.

mektup (az)

Katlanabilir Set

Aşağıdaki tablo, ile kullanılan daraltılabilir set elemanlarını listeler. data-role = "collapsibleset" öznitelik.

Sr.No. Veri özniteliği ve Açıklama Değer
1

data-collapsed-icon

Katlanabilir düğme simgesini tanımlar.

Varsayılan simge "artı" dır
2

data-content-theme

Daraltılabilir içerik için tema rengini görüntüler.

mektup (az)
3

data-expanded-icon

İçeriği genişlettiğinizde daraltılabilir düğmeyi görüntüler.

Varsayılan simge "eksi" dir
4

data-iconpos

Simgenin konumunu tanımlar.

sol | sağ | yukarı | alt
5

data-inset

Daraltılabilir düğmenin yuvarlatılmış köşeleri ve kenar boşluğu ile görüntülenip görüntülenmeyeceğini tanımlar.

doğru | yanlış
6

data-mini

Katlanabilir düğmelerin daha küçük boyutta mı yoksa normal boyutta mı görüntüleneceğini tanımlar.

doğru | yanlış
7

data-theme

Katlanabilir düğme için tema rengini görüntüler.

mektup (az)

Kontrol grubu

Aşağıdaki tablo, birlikte kullanılan Kontrol grubu öğelerini listeler. data-role = "controlgroup" özellik -

Sr.No. Veri özniteliği ve Açıklama Değer
1

data-exclude-invisible

Yuvarlatılmış köşelerin atanmasında görünmez çocukların dışarıda bırakılıp bırakılmayacağını tanımlar.

doğru | yanlış
2

data-mini

Grubun daha küçük boyutta mı yoksa normal boyutta mı görüntüleneceğini tanımlar.

doğru | yanlış
3

data-theme

Kontrol grubu için tema rengini görüntüler.

mektup (az)
4

data-type

Grubun yatay mı yoksa dikey formatta mı görüntülenmesi gerektiğini belirtir.

yatay | dikey

Diyalog

Aşağıdaki tablo, birlikte kullanılan diyalog öğelerini listeler. data-dialog="true" öznitelik.

Sr.No. Veri özniteliği ve Açıklama Değer
1

data-close-btn

Kapat düğmesinin konumunu tanımlar.

sol | sağ | Yok
2

data-close-btn-text

Kapat düğmesinin metnini tanımlar.

Metin
3

data-corners

İletişim kutusunun yuvarlatılmış köşelerle görüntülenip görüntülenmeyeceğini tanımlar.

doğru | yanlış
4

data-dom-cache

Tek tek sayfalar için DOM önbelleğinin temizlenmesinin gerekip gerekmediğini gösterir.

doğru | yanlış
5

data-overlay-theme

Diyalog sayfasının kaplama rengini tanımlar.

mektup (az)
6

data-theme

Diyalog sayfasının tema rengini tanımlar.

mektup (az)
7

data-title

Diyalog sayfasının başlığını tanımlar.

Metin

Artırma

Aşağıdaki tablo, birlikte kullanılan geliştirme öğelerini listeler. data-enhance="false" or data-ajax = "false" öznitelik.

Sr.No. Veri özniteliği ve Açıklama Değer
1

data-enhance

Bu özelliği "true" olarak ayarlayarak sayfanın stilini belirleyebilirsiniz. "Yanlış" olarak ayarlanmışsa sayfaya stil uygulayamazsınız.

doğru | yanlış
2

data-ajax

Sayfaların Ajax'tan yüklenmesi gerekip gerekmediğini gösterir.

doğru | yanlış

Sabit Araç Çubuğu

Aşağıdaki tablo, kullanılan araç çubuğu öğelerini listeler. data-position = "fixed" öznitelik.

Sr.No. Veri özniteliği ve Açıklama Değer
1

data-disable-page-zoom

Kullanıcının sayfayı ölçeklendirip büyütemeyeceğini tanımlar.

doğru | yanlış
2

data-fullscreen

Araç çubuklarının üstte ve / veya altta konumlandırılması gerektiğini tanımlar.

doğru | yanlış
3

data-tap-toggle

Kullanıcının dokunmalarda araç çubuğu görünürlüğünü değiştirip değiştiremeyeceğini belirtir.

doğru | yanlış
4

data-transition

Öğeye dokunduğunuzda veya tıkladığınızda bir geçiş efekti gösterir.

slayt | solmak | Yok
5

data-update-page-padding

Yeniden boyutlandırma, geçiş ve güncelleme düzeni olaylarını kullanarak sayfanın dolgusunu günceller.

doğru | yanlış
6

data-visible-on-page-show

Üst sayfa gösterildiğinde araç çubuğu görünürlüğünü tanımlar.

doğru | yanlış

Çevirme Geçiş Anahtarı

Aşağıdaki tablo, birlikte kullanılan çevirme geçiş öğelerini listeler data-role = "flipswitch" özellik -

Sr.No. Veri özniteliği ve Açıklama Değer
1

data-mini

Anahtarın daha küçük boyutta mı yoksa normal boyutta mı görüntüleneceğini tanımlar.

doğru | yanlış
2

data-on-text

Kapak anahtarı üzerindeki "açık" metni tanımlar.

Varsayılan "açık" tır
3

data-off-text

Kapak anahtarı üzerindeki "kapalı" metnini tanımlar.

Varsayılan "kapalı" dır

Alt bilgi

Aşağıdaki tablo data-role = "footer" özniteliğiyle kullanılan altbilgi öğelerini listeler -

Sr.No. Veri özniteliği ve Açıklama Değer
1

data-id

Benzersiz kimliği tanımlar.

Metin
2

data-position

Altbilginin altta mı yoksa sayfa içeriğiyle satır içi olarak mı konumlandırılması gerektiğini tanımlar.

satır içi | sabit
3

data-fullscreen

Altbilginin altta ve sayfa içeriğinin üzerine yerleştirilip yerleştirilmeyeceğini tanımlar.

doğru | yanlış
4

data-theme

Altbilginin tema rengini tanımlar.

mektup (az)

Üstbilgi

Aşağıdaki tablo, birlikte kullanılan başlık öğelerini listeler data-role = "header" öznitelik.

Sr.No. Veri özniteliği ve Açıklama Değer
1

data-id

Benzersiz kimliği tanımlar.

Metin
2

data-position

Başlığın altta mı yoksa sayfa içeriğiyle aynı hizada mı konumlandırılması gerektiğini tanımlar.

satır içi | sabit
3

data-fullscreen

Başlığın altta ve sayfa içeriğinin üzerine yerleştirilip yerleştirilmeyeceğini tanımlar.

doğru | yanlış
4

data-theme

Başlığın tema rengini tanımlar.

mektup (az)

Girişler

Aşağıdaki tablo, birlikte kullanılan giriş öğelerini listeler type = "text|search|etc" öznitelik.

Sr.No. Veri özniteliği ve Açıklama Değer
1

data-clear-btn

Giriş öğesinin temizle düğmesi içerip içermeyeceğini tanımlar.

doğru | yanlış
2

data-clear-btn-text

Temizle düğmesinin metnini tanımlar.

Metin
3

data-mini

Girdinin daha küçük boyutta mı yoksa normal boyutta mı görüntüleneceğini tanımlar.

doğru | yanlış
4

data-role

Giriş veya metin alanlarını düğme olarak şekillendirmeyi durdurur.

Yok
5

data-theme

Giriş öğesinin tema rengini tanımlar.

mektup (az)

Bağlantı

Aşağıdaki tablo, jQuery Mobile ile kullanılan bağlantı öğelerini listeler.

Sr.No. Veri özniteliği ve Açıklama Değer
1

data-ajax

Sayfaların Ajax aracılığıyla yüklenmesi gerekip gerekmediğini gösterir.

doğru | yanlış
2

data-direction

Ters geçiş için kullanılır.

tersine çevirmek
3

data-dom-cache

Sayfalar için jQuery DOM önbelleğinin temiz olması gerekip gerekmediğini gösterir.

doğru | yanlış
4

data-prefetch

Sayfaları DOM'a önceden getirmek için kullanılır.

doğru | yanlış
5

data-rel

Bağlantının davranışını belirtir.

geri | iletişim | harici | açılır
6

data-transition

Bir sayfadan diğerine geçişi tanımlar.

solmak | çevir | akış | pop | slayt | aşağı kaydırılmış | slidefade | slayt | dön | Yok
7

data-position-to

Açılır kutuların konumunu tanımlar.

kökeni | jQuery seçici | pencere

Liste

Aşağıdaki tablo, kullanılan liste elemanlarını göstermektedir. data-role = "listview" öznitelik.

Sr.No. Veri özniteliği ve Açıklama Değer
1

data-autodividers

Listeyi otomatik olarak böler.

doğru | yanlış
2

data-count-theme

Sayım öğesinin tema rengini tanımlar.

mektup (az)
3

data-divider-theme

Liste bölücü için tema rengini tanımlar.

mektup (az)
4

data-filter

Arama kutusundaki liste değerlerini filtrelemek için kullanılır.

doğru | yanlış
5

data-filter-placeholder

Arama kutusunun içindeki bazı metinleri tanımlar.

Metin
6

data-filter-theme

Arama filtresi için tema rengini tanımlar.

mektup (az)
7

data-icon

Listenin simgesini sağlar.

Varsayılan simge yok
8

data-inset

Listenin yuvarlatılmış köşeler ve kenar boşlukları ile görüntülenip görüntülenmeyeceğini tanımlar.

doğru | yanlış
9

data-split-icon

Bölünmüş düğme simgesini tanımlar.

Varsayılan simge "ok-r" dir
10

data-split-theme

Bölünmüş düğme için tema rengini tanımlar.

mektup (az)
11

data-theme

Listenin tema rengini tanımlar.

mektup (az)

Liste Öğesi

Aşağıdaki tablo, birlikte kullanılan liste öğesi öğelerini gösterir. data-role = "listview" öznitelik.

Sr.No. Veri özniteliği ve Açıklama Değer
1

data-filtertext

Arama kutusundaki metni kullanarak liste değerlerini filtrelemek için kullanılır.

Metin
2

data-icon

Liste öğesi için simge sağlar.

Varsayılan simge yok
3

data-role

Liste öğeleri için ayırıcıyı tanımlar.

liste bölücü
4

data-theme

Liste öğesinin tema rengini tanımlar.

mektup (az)

Navbar

Aşağıdaki tablo, birlikte kullanılan navbar öğelerini listeler data-role = "navbar" öznitelik.

Sr.No. Veri özniteliği ve Açıklama Değer
1

data-icon

Liste öğesi için simge sağlar.

Varsayılan simge yok
2

data-iconpos

Simgenin konumunu tanımlar.

sol | sağ | yukarı | alt | Yazı yok

Sayfa

Aşağıdaki tablo, kullanılan sayfa öğelerini listeler. data-role = "page" öznitelik.

Sr.No. Veri özniteliği ve Açıklama Değer
1

data-dom-cache

Tek tek sayfalar için DOM önbelleğinin temizlenmesinin gerekip gerekmediğini gösterir.

doğru | yanlış
2

data-overlay-theme

Diyalog sayfalarının kaplama rengini tanımlar.

mektup (az)
3

data-theme

Sayfa için tema rengini tanımlar.

mektup (az)
4

data-title

Sayfanın başlığını sağlar.

Varsayılan simge yok
5

data-url

URL'yi güncellemek için kullanılır.

url

Açılır

Aşağıdaki tablo, birlikte kullanılan açılır öğeleri listeler data-role = "popup" öznitelik.

Sr.No. Veri özniteliği ve Açıklama Değer
1

data-corners

Açılır pencerenin yuvarlatılmış köşeler ve kenar boşluğu ile görüntülenip görüntülenmeyeceğini tanımlar.

doğru | yanlış
2

data-dismissible

Dışarıya tıklayarak pop-up'ın kapatılıp kapatılmayacağını tanımlar.

doğru | yanlış
3

data-history

Açıldığında, açılır pencerenin öğe geçmişini görüntüleyip görüntülemeyeceğini tanımlar.

doğru | yanlış
4

data-overlay-theme

Açılır kutunun kaplama rengini tanımlar.

mektup (az)
5

data-shadow

Açılır kutunun gölgesini görüntüler.

doğru | yanlış
6

data-theme

Açılır kutu için tema rengini tanımlar.

mektup (az)
7

data-tolerance

Pencerenin kenarlarını tanımlar.

30, 15, 30, 15

Radyo düğmesi

Aşağıdaki tablo, birlikte kullanılan radyo düğmesi öğelerini listeler type = "radio" öznitelik.

Sr.No. Veri özniteliği ve Açıklama Değer
1

data-mini

Düğmenin daha küçük boyutta mı yoksa normal boyutta mı görüntüleneceğini tanımlar.

doğru | yanlış
2

data-role

Radyo düğmelerinin stilini gelişmiş düğmeler olarak durdurur.

Yok
3

data-theme

Radyo düğmesinin tema rengini tanımlar.

mektup (az)

Seçiniz

Aşağıdaki tablo jQuery Mobile ile kullanılan seçili öğeleri listeler.

Sr.No. Veri özniteliği ve Açıklama Değer
1

data-icon

Seçili öğe için simge sağlar.

Varsayılan "ok-d" dir
2

data-iconpos

Simgenin konumunu tanımlar.

sol | sağ | yukarı | alt
3

data-inline

Düğmenin satır içi olup olmayacağını tanımlar.

doğru | yanlış
4

data-mini

Select'in daha küçük boyutta mı yoksa normal boyutta mı görüntüleneceğini tanımlar.

doğru | yanlış
5

data-native-menu

False olarak ayarlandığında özel menüyü kullanır.

doğru | yanlış
6

data-overlay-theme

Özel seçim menüsü için kaplama rengini tanımlar.

mektup (az)
7

data-placeholder

Yerel olmayan seçimin bir seçenek öğesini ayarlamak için kullanılır.

doğru | yanlış
8

data-role

Seçili öğelerin düğme olarak stilini durdurur.

Yok
9

data-theme

Seçili öğeler için tema rengini görüntüler.

mektup (az)

kaydırıcı

Aşağıdaki tablo, birlikte kullanılan kaydırıcı öğelerini listeler. type = "range" öznitelik.

Sr.No. Veri özniteliği ve Açıklama Değer
1

data-highlight

Kaydırıcıyı vurgular.

doğru | yanlış
2

data-mini

Kaydırıcının daha küçük boyutta mı yoksa normal boyutta mı görüntüleneceğini tanımlar.

doğru | yanlış
3

data-role

Kaydırıcı kontrollerinin düğme olarak stilini durdurur.

Yok
4

data-theme

Kaydırıcı kontrolü için tema rengini görüntüler.

mektup (az)
5

data-track-theme

Kaydırma çubuğu için tema rengini görüntüler.

mektup (az)