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