Изменение направления перехода jQuery Mobile

Question

Я работаю над веб-приложением, которое я решил использовать для него jQuery Mobile.Проблема в том, что мой сайт написан на персидском языке, который написан справа налево.Я создал таблицу стилей rtl.css, которая переворачивает все, но мне нужно также обратить вспять переходы слайдов по умолчанию, это означает, что он должен скользить слева направо, а при добавлении кнопки «реверс» или «назад» он должен скользить справа налево.

Можете ли вы помочь мне с этим?
Спасибо.

Answer 1

Вы можете проверить документацию здесь .

В вашем случае вы должны поместить это:

$.mobile.changePage( "nextPage.html", {
    transition: "slide",
    reverse: true
});

Существует другой метод : Вы можете использовать атрибут data-direction в ссылке.

Пример:

<a href="nextPage.html" data-transition="slide", data-direction: "reverse">Next page</a>

Я думаю, что вы можете установить его глобально таким образом: в jQuery Mobile JS можно найти следующее утверждение:

a.mobile.changePage.defaults

В этой строке, вы можете изменить reverse:false на reverse:true.

Answer 2

Для разметки это, кажется, обеспечивает лучший эффект скольжения, а также больше соответствует тому, что jQuery Mobile делает в своих документах.

<a href="#main" data-transition="slide" data-direction="reverse">

Answer 3

Я не думаю, что есть глобальная опция, но вы можете перебрать всю страницу и добавить атрибут

data-direction="reverse"

jQM Документы:

• http://jquerymobile.com/demos/1.0.1/docs/pages/page-transitions.html

но @Zakaria также является действительным ответом