jQuery Mobile - Sayfalar

Kullanıcı, içeriği mantıksal görünümler ve sayfa görünümleri olarak gruplayan jQuery Mobile sayfalarıyla etkileşime girebilir. Sayfa görünümü, sayfa geçişleri kullanılarak canlandırılabilir. HTML belgesi kullanılarak birden çok sayfa oluşturulabilir ve bu nedenle sunucudan içerik talep etmeye gerek yoktur.

Aşağıdaki tablo, sayfa türlerini ayrıntılı olarak göstermektedir.

Sr.No. Tip ve Açıklama
1 Tek sayfa

Bir şablon yazmanın standart bir yolu kullanılarak HTML belgesinde tek bir sayfa oluşturulur.

2 Çok Sayfalı Şablon

Data-role = "page" ile birden çok div eklenerek birlikte yüklenen tek HTML belgesine birden çok sayfa dahil edilebilir .

3 Diyaloglar Sayfası

Kalıcı iletişim kutuları, içeriği sayfanın üzerindeki etkileşimli bir kaplamada açar.

Kurallar, gereksinimler değil

  • Üstbilgi, altbilgi, sayfa ve içerik gibi veri rolü öznitelik öğeleri, bir sayfanın temel biçimini ve yapısını sağlamak için kullanılır.

  • Tek sayfalı belgeler için, otomatik başlatma için gerekli olan sayfa sarıcı isteğe bağlı olarak ayarlanmıştır.

  • Yapısal eleman, özel düzeni olan bir web sayfası için hariç tutulabilir.

  • Sayfaları yönetmek için, sayfa sarmalayıcı, biçimlendirmeye dahil edilmediğinde çerçeve tarafından enjekte edilir.

Sayfaları önceden getirme

Verileri önceden getirme özelliğini de dahil ederek , sayfaları tek sayfa şablonlarında DOM'a önceden getirebiliriz. Daha fazla bilgi için buraya tıklayın .

DOM Önbelleği

Tarayıcı belleği DOM'da dolduğunda, mobil tarayıcıyı yavaşlatır veya birden çok sayfanın yüklenmesi nedeniyle çökebilir. DOM'u düzenli tutmanın basit bir yöntemi var -

  • Bir sayfa ajax aracılığıyla yüklendiğinde, başka bir sayfaya yönlendirdiğinizde sayfanın DOM'den kaldırılması gerektiğini belirtir.

  • Ziyaret ettiğiniz önceki sayfa, tekrar ziyaret ettiğinizde önbellekten alınabilir.

  • Sayfaları kaldırmak yerine, aşağıdaki satırı kullanarak jQuery mobile'a onu DOM'da tutmasını söyleyebilirsiniz -

$.mobile.page.prototype.options.domCache = true;
  • Daha önce ziyaret edilen DOM'daki tüm sayfaları korumak için sayfa eklentisinde domCache seçeneğini true olarak ayarlayın.

pageContainerElement.page({ domCache: true });