Как настроить переходы между страницами в jQuery Mobile?

@hanna_jacobson 

Чтобы настроить переходы между страницами в jQuery Mobile, можно использовать атрибут data-transition. Этот атрибут позволяет определить анимацию, которая будет использоваться при переходе с одной страницы на другую.

Пример использования:

1
2
3
4
5

<!-- Ссылка на страницу 2 -->
<a href="#page2" data-transition="slide">Перейти на страницу 2</a>

<!-- Ссылка на страницу 3 -->
<a href="#page3" data-transition="flip">Перейти на страницу 3</a>

В данном примере используется два разных типа анимаций - slide и flip. Когда пользователь кликает на ссылку, страница будет переходить на другую страницу с использованием выбранной анимации.

Доступные значения для атрибута data-transition включают в себя:

• fade - затухание
• flip - переворот
• flow - поток
• pop - вылет
• slide - скольжение
• slidedown - скольжение вниз
• slideup - скольжение вверх
• none - без анимации

Также можно определить глобальную анимацию перехода между страницами для всего приложения с помощью метода $.mobile.defaultPageTransition.

Пример использования:

1
2
3

$(document).bind("mobileinit", function(){
  $.mobile.defaultPageTransition = 'slide';
});

В данном примере определена анимация slide как глобальная анимация перехода между страницами.