Изменение маршрутов перехода jQuery Mobile

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

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

Ответы

Ответ 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.

Ответ 2

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

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

Ответ 3

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

data-direction="reverse"

jQM Docs:

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

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