Question

在移动应用上工作，我有一个菜单，其中包含＃34;幻灯片＆＃34;从左到右，使用：

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

在我要浏览的页面上，我有一个jqm后退按钮，可以回到我的上一页。

后退按钮，＆＃34;幻灯片＆＃34;页面从左到右。我希望它从右向左滑动，颠倒我的左边 - ＆gt;正确的初始过渡。

我试过了：

<a href="index.html" data-icon="back" data-rel="back" title="Go back" data-direction="reverse" data-transition="slide">Back</a>

这不起作用。然后我想，不要'＃34;反向＆＃34;过渡，因为它已经开始逆转。所以我试着只指定slide认为它会默认为右边的正常幻灯片 - ＆gt;左

<a href="index.html" data-icon="back" data-rel="back" title="Go back" data-transition="slide">Back</a>

这也行不通。我在后退按钮上的动画一直向左滑动 - ＆gt;右。

由于

Answer 1

结束使用它。

覆盖后退按钮点击事件。

 <script type="text/javascript">

        $(document).on('touchstart', '[data-rel=back]', function (e) {
            e.preventDefault();
            $.mobile.changePage("index.html", { transition: "slide", reverse: false, changeHash: false });

        });

我不得不使用changeHash: false，因为当您现在使用UI后退按钮时，我的导航流没有注册要从历史记录中删除的页面。这让我在单击硬件按钮时打开的所有“菜单”页面循环中循环，直到所有内容都消失并且应用程序关闭。

使用changeHash，我在关闭应用时可以额外点击一下，我可以使用。

jqueryMobile：在后退按钮上滑动反向

1 个答案: