jQuery Mobile bir sayfa açmalı yolu seçmek sağlar CSS3 efektleri içerir.
jQuery Mobile Geçiş Efektleri
jQuery Mobile Bir sayfadan diğerine geçiş için nasıl çeşitli efektler vardır.
Not: geçiş efekti elde etmek için, CSS3 3D desteklemesi gerekir tarayıcı Değişimleri:
| 12.0 | 10.0 | 16.0 | 4.0 | 15.0 |
Tablodaki rakamlar tamamen 3D dönüşümleri destekleyen ilk tarayıcı sürümü belirtin.
Geçiş efekti kullanarak herhangi bir bağlantı ya da bir şekilde sunulması için uygulanabilir data-transition özelliği:
<a href="#anylink" data-transition="slide" >Slide to Page Two</a>
Aşağıdaki tablo kullanılabilir mevcut geçişleri gösteren data-transition sayfaları ve diyalog hem de nitelik:
| Geçiş | Açıklama | Sayfalar için | iletişim kutuları için |
|---|---|---|---|
| fade | Varsayılan. Sonraki sayfaya soluklaştırır | Dene | Dene |
| flip | arkadan öne doğru bir sonraki sayfaya çevirir | Dene | Dene |
| flow | uzakta geçerli sayfayı Atar ve bir sonraki sayfası ile geliyor | Dene | Dene |
| pop | Bir pop-up pencere gibi sonraki sayfaya gider | Dene | Dene |
| slide | Sağdan sola sonraki sayfaya Slaytlar | Dene | Dene |
| slidefade | Bir sonraki sayfada sağdan sola Slaytlar ve solduğu | Dene | Dene |
| slideup | alttan sonraki sayfaya Slaytlar top | Dene | Dene |
| slidedown | yukarıdan aşağıya doğru bir sonraki sayfaya Slaytlar | Dene | Dene |
| turn | Sonraki sayfaya açar | Dene | Dene |
| none | Resim geçiş etkisi | Dene | Dene |
Solma etkisi jQuery Mobile tüm bağlantılarda varsayılan (if the browser support it) .
İpucu: soldan sağa sayfa kaydırmak istiyorsanız yukarıda tüm etkileri yerine, sola kullanma hakkının, örneğin ters / geri eylemlerini destekleyen data-direction özelliğin değeri "reverse" .