Sonuna kadar izledim, çok güzel bir anlatım olmuş teşekkürler. :)

Veri alışverişi için kullandığımız data'ların niteliklerini bu bölümde inceleyeceğiz.. Yazı olarak türkçeleştirdiğim dökümanıda sizler için ekliyorum; Button data-corners = ovallikleri ayarlamamızı sağlar.. Sabit değeri true'dur.. Ve true | false değerleri alabilir.. False değeri aldığında ovallikler kalkacaktır. data-icon = Nesneye bazı belli başlı ikonları atamamızı sağlar.. Bu niteliğe değer olarak şunları girebiliriz; data-iconpos = Nesneye uygulanan ikonun pozisyonunu belirler.. Alabileceği değerler 'dir.. Sabit değeri left'dir.. Ve notext olarak belirlendiğinde nesnede sadece ikon kalacaktır.. Adı üstünde metinsiz = no text :)data-iconshadow = Nesneye uygulanan ikonun gölgesinin varolup olmayacağını belirliyoruz.. Sabit değeri true'dur. Alabileceği değerler 'dur. False değerini uyguladığınızda birşey değişmiyormuş gibi gelebilir ilk etapta, o yüzden ikona yakınlaşın ve dikkatlice bakın gölgenin gittiğini göreceksiniz :)data-inline = Bu nitelikle nesneyi blok seviyesinden satıriçi seviyesine getiriyoruz.. Yani nesnenin genişliği içerdiği içeriğe bağlı olarak artıp, azalıyor.. Sabit değeri false'dır.. Alabileceği değerler ise .. True değeri belirlendiğinde nesne satıriçi hale gelir. data-shadow = Nesnenin gölgesinin varolup olmayacağını belirleriz.. Sabit değeri true'dur. Alabileceği değerler ise .. data-theme = Nesneye belirli temaları atamak için kullanılır.. Alabileceği değerler .. Sabit değeri ise c'dır. Checkbox data-theme = Nesneye belirli temaları atamak için kullanılır.. Alabileceği değerler .. Sabit değeri ise a'dır. Not: Tipi checkbox olması yetmiyor inputun.. Ayrıca id'si olmalı ve bu id'ye ait labeli oluşturulmalı.. Örnek verecek olursam;Kuralları Kabul Et Collapsible data-collapsed = Açılır içeriğin otomatik olarak açık gelip gelmeyeceğini bu nitelik ile belirleriz.. Sabit değeri true'dur.. Yani bunun anlamı içerik kapalı gelsin tıklandığında açılsındır kısaca :) False yaparsak açık gelecektir.. Tıklandığında yine kapanabilme özelliği var. Alabildiği değerler data-theme = Nesneye belirli temaları atamak için kullanılır.. Alabileceği değerler .. Sabit değeri ise a'dır. data-content-theme = Nesnenin kapalı olan içeriğinin temasını değiştirmek için kullanılır.. Yani tıkladığımızda açılacak olan nesnenin teması :) Alabileceği değerler data-theme niteliğindekiler ile aynıdır. .. Collapsible set data-theme = Nesneye belirli temaları atamak için kullanılır.. Alabileceği değerler .. Sabit değeri ise a'dır. data-content-theme = Nesnenin kapalı olan içeriğinin temasını değiştirmek için kullanılır.. Yani tıkladığımızda açılacak olan nesnenin teması :) Alabileceği değerler data-theme niteliğindekiler ile aynıdır. .. Dialog data-theme = Nesneye belirli temaları atamak için kullanılır.. Alabileceği değerler .. Sabit değeri ise a'dır. Content data-theme = Nesneye belirli temaları atamak için kullanılır.. Alabileceği değerler .. Sabit değeri ise a'dır. Field container label ile form elemanlarının yanyana dizilmesini sağlar. Flip toggle switch Bu nitelik select tagına uygulanıyor.. data-theme = Nesneye belirli temaları atamak için kullanılır.. Alabileceği değerler .. Sabit değeri ise a'dır. data-track-theme = Select'deki değer değiştikten sonraki kısmın rengini belirler.. Alabileceği değerler data-theme ile aynıdır. Footer Adının evrenselliğinden bileceğiniz gibi sayfanın en altını temsil eder :)data-id = Benzersiz bir kimlik atayıp düzenlemek isterseniz bu niteliği kullanabilirsiniz. data-position = Footer'ın pozisyonunu belirler.. Tek bir değeri vardır oda fixed'dır.. Yani içerik kaysa bile footerın altta sabit kalmasını sağlar.. data-theme = Nesneye belirli temaları atamak için kullanılır.. Alabileceği değerler .. Sabit değeri ise a'dır. Header Adının evrenselliğinden bileceğiniz gibi sayfanın en üstünü temsil eder :)data-position = Header'ın pozisyonunu belirler.. Tek bir değeri vardır oda fixed'dır.. Yani içerik kaysa bile headerın üstte sabit kalmasını sağlar.. data-theme = Nesneye belirli temaları atamak için kullanılır.. Alabileceği değerler .. Sabit değeri ise a'dır. Link data-ajax = Bu değer sabit olarak true'dur.. Eğer false atanırsa ajax etkileşimi duracaktır.. Normal bir link gibi sayfa yenilenerek geçiş yapılacaktır. Alabileceği değerler data-rel = Bu nitelik 3 değer alır.. Bunlar .. "back" yazılırsa bir önceki sayfaya geri döndürme linki oluşturmuş oluruz.. "dialog" yazılırsa açılacak linki dialog penceresinde açtırmış oluruz.. "external" yazılırada herhangi bir dış bağlantıya gideceğimizi belirtiriz :)data-transition = Veri geçişi anlamına gelen bu nitelik ile sayfalar arası nasıl geçiş yapacağımızı belirliyoruz.. Alabileceği değerler .. Sabit değeri slide'dır. Listview Adındanda anlaşılacağı üzere bu nitelik listeler içindir. data-dividertheme = Listeleri bölen başlık olarak belirlenmiş listelerin temasını değiştirmek için kullanılır. Alabildiği değerler .. data-filter = Listelerde filtreleme yapmak istersek bu niteliğe true değerini verebiliriz.. Böylece bir arama kutusu belirir ve burada filtreleyerek listelerde arama yapabiliriz. data-filter-placeholder = filtrelemek için çıkan arama kutusunun default yazısını değiştirir.. placeholder niteliğini bilenler bilecektir :)data-filter-theme = filtremele için çıkan arama kutusunun temasını değiştirmek için kullanılır.. Alabileceği değerler tahmin ettiğiniz gibi .. data-inset = Türkçe karşılığını ifade ediyormu bilmiyorum ama true değerini verirseniz listenizi adam ediyor diyebiliriz :) margini ayarlıyor, köşeleri yuvarlıyor, kutunuza gölge veriyor vs... data-theme = Nesneye belirli temaları atamak için kullanılır.. Alabileceği değerler .. Sabit değeri ise a'dır. Listview Adındanda anlaşılacağı üzere bu nitelik listeler içindir. Sadece li tagları için daha doğrusu :)data-role = li taglarında başlık yapmak istediğimize bu niteliği atayıp değer olarakda list-divider yazarız.. data-theme = Nesneye belirli temaları atamak için kullanılır.. Alabileceği değerler .. Sabit değeri ise a'dır. Page data-overlay-theme = sayfa dialog ile açıldığında sayfanın temasını belirleyebiliriz.. Alacağı değerler data-theme = Nesneye belirli temaları atamak için kullanılır.. Alabileceği değerler .. Sabit değeri ise a'dır. data-title = Dialog ile sayfa açıldığında title'ı dinamik olarak değiştirmek için kullanılır.. Başlık girilir değer olarak :) Radio button data-theme = Nesneye belirli temaları atamak için kullanılır.. Alabileceği değerler .. Sabit değeri ise a'dır. Select data-icon = Select'in ikonunu değiştirmek için bu niteliği kullanırız.. Alabileceği değerler data-iconpos = İkonun pozisyonunu belirlemek için bu niteliği kullanırız.. Alabileceği değerler .. Sabit değeri right'dır. data-inline = Select'i blok seviyesinden satıriçi seviyesine getirmek için bu niteliğe true değerini vermemiz yeterlidir.. Böylece selectin genişliği içerdiği içerik kadar olacaktır. Aldığı değerler .. Sabit değeri false'dır. data-native-menu = Select'e bastığımızda açılan kısmı menü şeklinde göstermek istersek bu niteliğe false değerini atamamız gerekir.. Alabileceği değerler .. Sabit değeri ise true'dur. data-theme = Nesneye belirli temaları atamak için kullanılır.. Alabileceği değerler .. Sabit değeri ise a'dır. Slider Ve işte input slider :) iPhone'de sıkça kullanılan bir form elemanı bilirsiniz.. İnput'un type niteliği range olmalıdır. Ayrıca value, min ve max nitelikleride belirlenmelidir.. Kod;data-theme = Nesneye belirli temaları atamak için kullanılır.. Alabileceği değerler .. Sabit değeri ise a'dır. data-track-theme = slider'ın arka kısmının temasını ayarlamak için kullanılır. Alacağı değerler data-theme ile aynıdır. Kaynak: http://www.prototurk.com/jquery-mobile-framework-e-giris.html

Teşekkür ederim her ikinizede :)

Kimse bu güzel yazıyı fark etmemiş. Ellerine sağlık kardeşim.