jquery Mobile：后退按钮上的滑块反向

Question

在开发移动应用程序时，我有一个从左到右 "slides" 的菜单，使用：

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

在我滑动到的页面上，我有一个 jqm 后退按钮，可以返回到我的上一页。

后退按钮，"slides" 从左到右的页面。我希望它从右向左滑动，反转我的左 -> 右初始过渡。

我试过：

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

这不起作用。然后我想，不要 "reverse" 过渡，因为它已经从一开始就被逆转了。所以我尝试只指定 slide 认为它会默认为右 -> 左的正常幻灯片。

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

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

谢谢

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 后退按钮时，我的导航流程没有注册要从历史记录中删除的页面。这让我在单击硬件后退按钮时打开了所有 "menu" 页面循环，直到所有页面都消失并且应用程序关闭。

有了 changeHash，我现在可以在关闭应用程序时多点击一次，我可以忍受。

jquery Mobile：后退按钮上的滑块反向

jqueryMobile: Slide reverse direction on back button

javascript

jquery

jquery-mobile