Animation jquerymobile：页面动画

我有两个网页嵌入在我的单一HTML文件。它所做的是，最初显示PAGE1，然后如果我从右向左或从左向右滑动，PAGE2应该显示。我的问题是如何根据我的滑动更改页面动画？就像我从右向左滑动表单时，动画应该是从右向左滚动的页面，反之亦然

我知道页面滑动事件，但我不知道如何通过编程更改其动画

谢谢大家!

最新答案：

如果您正在寻找页面转换，我建议您阅读：

例如：

添加此属性将从右向左滑动

data-transition="slide"

添加这些属性将从左向右滑动

data-transition="slide" data-direction="reverse"

原始答复如下：

实例：

JS:

HTML:

向右滑动以查看第1页



导航



是啊
您向右滑动以查看第1页

相关的：

---

您的li或按钮中是否有数据rel=“back”？

您好！再次感谢菲尔！事实上，我可以做左扫和右扫事件。。。。但我的实际问题是页面动画。。。这就像当我从右向左滑动时，我希望转换从右向左，反之亦然。。。。当我有很多页面相互连接时，它实际上工作得很好。但我只想要两个交替的页面，比如（第1页和第2页）。。。一个示例场景是，当im在第2页中时，我向右滑动，我希望转换从右向左，当我向左滑动时，转换将从左向右。$.mobile.changePage（$（“#pageid”），{转换：“幻灯片”，反转：false或true}）；嗨，我没有任何纽扣或小李。我希望整个页面都可以滑动，所以我可以滑动页面的任何部分。。。但我的问题不是刷事件而是实际的页面动画仅供参考，JQM正在降低Android设备上的转换。从下一次JQueryMobile更新开始，Android 4.0操作系统下的所有内容都将自动使用淡入淡出。这是由于安道尔ID设备上的动画效果不佳。我明白了。谢谢你提供的信息。我会记住的。到目前为止，我只支持移动safari

$("#listitem").swiperight(function() {
    $.mobile.changePage("#page1");
});

<div data-role="page" id="home"> 
    <div data-role="content">
        <p>
            <ul data-role="listview" data-inset="true" data-theme="c">
                <li id="listitem">Swipe Right to view Page 1</li>
            </ul>
        </p>
    </div>
</div>

<div data-role="page" id="page1"> 
    <div data-role="content">

        <ul data-role="listview" data-inset="true" data-theme="c">
            <li data-role="list-divider">Navigation</li> 
            <li><a href="#home">Back to the Home Page</a></li>
        </ul>

        <p>
            Yeah!<br />You Swiped Right to view Page 1
        </p>
    </div>
</div>