Komórka zawiera efekty jQuery CSS3, które pozwala wybrać sposób, w jaki strona powinna otworzyć.
jQuery Telefony Efekty przejścia
jQuery Mobile ma różne skutki dla jak przejście z jednej strony do drugiej.
Uwaga: Aby osiągnąć efekt przejścia, przeglądarka musi obsługiwać CSS3 3D Przekształca:
12.0 | 10.0 | 16.0 | 4.0 | 15.0 |
Liczby w tabeli określ pierwszą wersję przeglądarki, który w pełni obsługuje przekształceń 3D.
Efekt przejścia można stosować do dowolnego łącza lub składania formularza za pomocą atrybutu danych przejściowy:
<a href="#anylink" data-transition="slide" >Slide to Page Two</a>
Poniższa tabela przedstawia dostępne przejścia, które mogą być używane z atrybutem danych przejściowego dla obu stron i okien dialogowych:
Przejście | Opis | W przypadku stron | Dla Dialogi |
---|---|---|---|
fade | Zaniedbanie. Przebarwia się na następnej stronie | Spróbuj | Spróbuj |
flip | Odwraca się do następnej strony od tyłu do przodu | Spróbuj | Spróbuj |
flow | Zgłasza bieżącą stronę dalej i przychodzi z następnej stronie | Spróbuj | Spróbuj |
pop | Przechodzi do następnej strony jak okienko | Spróbuj | Spróbuj |
slide | Slajdy do następnej strony od prawej do lewej | Spróbuj | Spróbuj |
slidefade | Szkiełka od prawej do lewej i zanika w następnej stronie | Spróbuj | Spróbuj |
slideup | Slajdy do następnej strony od dołu do góry | Spróbuj | Spróbuj |
slidedown | Slajdy do następnej strony od góry do dołu | Spróbuj | Spróbuj |
turn | Włącza do następnej strony | Spróbuj | Spróbuj |
none | Brak efektu przejścia | Spróbuj | Spróbuj |
Efekt blaknięcie jest domyślna na wszystkich połączeniach w jQuery Mobile (jeżeli wsparcie to przeglądarka).
Wskazówka: Wszystkie powyższe efekty odwrotne również wspierać działania / do tyłu, na przykład, jeśli chcesz strona ślizgać się od lewej do prawej, zamiast prawej do lewej strony, użyj atrybutu danych w kierunku z wartością "reverse" .
Przykład
<a href="#pagetwo" data-transition="slide"
data-direction="reverse" >Slide</a>
Spróbuj sam "