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) |