Cambiando direcciones de transición de jQuery Mobile

Question

Estoy trabajando en una aplicación web, y decidí usar jQuery Mobile para ella. El problema es que mi sitio web está en idioma persa, que es un idioma de derecha a izquierda. Creé una hoja de estilo rtl.css que invierte todo, pero también necesito revertir las transiciones de diapositivas predeterminadas, lo que significa que debe deslizar de izquierda a derecha y al agregar datos retroceder o retroceder, debería deslizar de derecha a izquierda.

¿Me pueden ayudar con esto?
Gracias.

Answer 1

Puede consultar el documentation here.

En su caso, usted debe poner esto:

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

No es another method: Usted puede utilizar el atributo data-direction en el enlace.

Ejemplo:

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

Creo que se puede establecer a nivel mundial de esa manera: se puede encontrar la siguiente declaración en el jQuery Mobile JS:

a.mobile.changePage.defaults 

En esa línea, se puede cambie reverse:false a reverse:true.

Answer 2

No creo que hay una opción global, pero se podía recorrer toda la página y agregar el atributo

data-direction="reverse" 

JQM Docs:

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

pero @Zakaria también es una respuesta válida

Answer 3

Para m arkup, esto parece proporcionar un mejor efecto de deslizamiento y también más en línea con lo que hace jQuery Mobile en sus documentos.

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