更改jQuery Mobile转换方向

Changing jQuery Mobile transition directions

本文关键字：方向 转换 Mobile jQuery 更改      更新时间：2023-09-26

我正在开发一个web应用程序，我决定使用jQuery Mobile。问题是我的网站是波斯语，这是一种从右到左的语言。我已经创建了一个rtl.css样式表，它可以反转所有内容，但我还需要反转默认的幻灯片转换，这意味着它应该从左向右滑动，当添加数据反转或后退按钮时，它应该从右向左滑动。

你能帮我做这个吗
谢谢

您可以在此处查看文档。

在你的情况下，你应该把这个：

$.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。

对于标记，这似乎提供了更好的幻灯片效果，也更符合jQuery Mobile在文档中的功能。

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

我认为没有全局选项，但您可以遍历所有页面并添加属性

data-direction="reverse"

jQM文档：

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

但是@Zakaria也是一个有效的响应

相关文章：