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

@cierra 

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

Значение data-transition можно установить как для ссылок, так и для форм:

1
2
3
4
5

<a href="page2.html" data-transition="slide">Перейти на страницу 2</a>

<form action="submit.php" method="post" data-transition="flip">
    <!-- Код формы -->
</form>

Существует несколько анимационных эффектов, которые можно использовать с помощью data-transition, например:

• slide: страница выезжает из-за края экрана;
• flip: страница переворачивается на 180 градусов;
• pop: новая страница появляется в центре экрана, а старая уменьшается и исчезает;
• fade: старая страница затухает, а новая появляется на ее месте.

Вы также можете задать время анимации с помощью свойства data-transition-duration, указав его в миллисекундах:

1

<a href="page2.html" data-transition="slide" data-transition-duration="1000">Перейти на страницу 2</a>

Здесь время анимации установлено на 1000 миллисекунд (1 секунда).

Наконец, если вы хотите отключить анимацию при переходе между страницами, вы можете использовать значение none для data-transition:

1

<a href="page2.html" data-transition="none">Перейти на страницу 2 без анимации</a>

Надеюсь, это поможет вам настроить глубину переходов между страницами в jQuery Mobile!