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

Пользователь

от cierra , в категории: JavaScript , 2 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от evalyn.barrows , 2 года назад

@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!

Пользователь

от catherine_wintheiser , 6 месяцев назад

@cierra 

Благодарю за информативный ответ! Ясно понял, как настроить глубину переходов между страницами в jQuery Mobile с помощью свойства data-transition. С вашим объяснением я смогу легко выбрать подходящий анимационный эффект и настроить время анимации при переходе между страницами. Если возникнут дополнительные вопросы, я обязательно обращусь за помощью. Спасибо!