JQuery Mobile ile Uygulamalar Oluşturun

jQuery Mobile, orijinal jQuery'nin bir eklentisidir ve ikincisinin önceden yüklenmesini gerektirir. işlev görebilmek.
Bir kez aktif, jQuery Mobil iki şey yapar:

İlk olarak, mobil cihazlarda performanslarını artırmak için yerel işlevleri optimize eder.
İkincisi, HTML'yi değiştirir ve üretim hızını önemli ölçüde hızlandıran bir dizi önceden tanımlanmış grafik öğesiyle bir düzen oluşturur.

jQuery Mobile'ı yükleyin
Web sitelerinde jQuery Mobile'ı doğrudan bulutta depolanan dosyalara bağlanarak yüklemek mümkün ve çok yaygın bir teknik olsa da, bu tekniğin PhoneGap uygulamaları için uygulanmaması şiddetle tavsiye edilir. Çok sık olarak uygulamanız herhangi bir internet bağlantısı olmadan veya kesintili bir bağlantı ile kullanılacaktır. jQuery dosyaları bulut belgelerine bağlıysa, uygulama muhtemelen kullanılamaz hale gelir.
Bu çerçeveyi kurmak için yapmanız gereken ilk şey jQuery'yi resmi sayfasından indirmektir:

http://docs.jQuery.com/Downloading_jQuery#Current_Release

jQuery indirildikten sonra, jQuery Mobile eklentisini resmi web sitesinden indirmelisiniz:

http://jquerymobile.com/download/

Uygulamanın programlamasını ve yapısını anlamamızı sağlayan bir örnekle başlayacağız.
Aşağıdaki kod ile bir html dosyası oluşturacağız

 jquery mobil uygulama 

jQuery Mobile, çok hızlı ve nispeten az çabayla mobil uyumlu arayüzler oluşturmamıza olanak tanır.
Çalışma şekli, belgenin orijinal kodunu yeniden yazmak ve özelliklere ve istenen argümanlara göre yeni, daha karmaşık bir kod oluşturmaktır.
jQuery Mobile'ın ilginç bir özelliği, bilgileri görüntülemek için bir HTML belgesinden diğerine geçen bir web sitesinin aksine, bir uygulamanın sayfalarının veya ekranlarının tek bir HTML belgesinden işlenmesidir.
Sayfalar veya ekranlar tek bir dosyadadır, jQuery Mobile, geri kalanı gizli kalırken belgenin yalnızca her ekrana karşılık gelen bölümünü gösterecek şekilde yönetir. Bu şekilde, sayfaların yüklenmesi önemli ölçüde hızlandırılır, aynı zamanda bir ekran ile diğeri arasındaki olay ve animasyonların yönetilmesine de olanak tanır.
jQuery Mobil yeni HTML5 öğelerinden tam olarak yararlanır ve "data-" önekiyle tanımlanan özel öznitelikleri yoğun şekilde kullanır
Örneğin veri rolüjQuery Mobile'da en çok kullanılan özniteliklerden biri olan , rolü, onu içeren öğenin işlevsellik ve görünüm düzeyinde tanımlamanıza olanak tanır. Bu öznitelik, bir öğenin rolünü tanımlayarak sayfalar, düğmeler, menüler ve daha birçok öğe oluşturmanıza olanak tanır.
Herhangi bir etikete data-role niteliğini ekleyerek onu bir arayüz elemanı yaparız. Herhangi bir ek kod eklemenize gerek yok jQuery o belirli öğenin çalışması için gerekli tüm grafik öğelerini, sınıfları ve hatta animasyonları ekleyin.
Örneğin, bir sayfa oluşturmak için özniteliği kullanırsınız. veri rolü = ”sayfa” Böylece:

Ekran 1
Ekran 2

Geri vermek

Örnek bağlantı yalnızca 2. ekrana gitmenize izin vermekle kalmaz, jQuery Mobile, yerel bir uygulamaya benzer bir görünüm vermek için otomatik olarak bir geçiş animasyonu içerir.
Şimdi oluşturduğumuz linki biraz daha ileri götürelim ve jQuery Mobile özniteliğini data-role = ”button” ekleyelim ki bu link bir buton gibi davransın:
Ana sayfaya geri dönmek için, önceki ana sayfanın kimliğine bir bağlantı bağlama tekniğini uygulayabilirsiniz veya daha da basiti, uygulamayı hemen önceki ekrana döndüren data-rel = ”geri” niteliğini kullanabilirsiniz. .Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.