javascript - page - js jquery mobile
Cambiando las direcciones de transición de jQuery Mobile (3)
Estoy trabajando en una aplicación web, que 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. He creado una hoja de estilo rtl.css que invierte todo, pero también debo revertir las transiciones de diapositivas predeterminadas, lo que significa que debe deslizarse de izquierda a derecha y al agregar el botón de retroceso o retroceso de datos, debe deslizarse de derecha a izquierda.
¿Me puede ayudar con esto por favor?
Gracias.
No creo que haya una opción Global, pero puedes recorrer toda la página y agregar el atributo
data-direction="reverse"
Documentos jQM:
Pero @Zakaria también es una respuesta válida.
Para el marcado, esto parece proporcionar un mejor efecto de diapositiva 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">
Puedes consultar la documentación aquí .
En tu caso, deberías poner esto:
$.mobile.changePage( "nextPage.html", {
transition: "slide",
reverse: true
});
Hay otro método : puede usar el atributo data-direction en el enlace.
Ejemplo:
<a href="nextPage.html" data-transition="slide", data-direction: "reverse">Next page</a>
Creo que puedes configurarlo globalmente de esa manera: puedes encontrar la siguiente declaración en jQuery Mobile JS:
a.mobile.changePage.defaults
En esa línea, puede cambiar reverse:false a reverse:true .