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

【问题标题】：jqueryMobile: Slide reverse direction on back buttonjquery Mobile：后退按钮上的滑块反向
【发布时间】：2015-03-02 11:41:25
【问题描述】：

在移动应用程序上工作，我有一个从左到右“滑动”的菜单，使用：

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

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

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

我试过了：

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

这不起作用。然后我想，让我们不要“逆转”过渡，因为它已经被逆转了。所以我尝试只指定slide，认为它会默认为正常的右->左滑动。

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

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

谢谢

【问题讨论】：

标签： javascript jquery jquery-mobile

【解决方案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，我现在可以在关闭应用程序时多点击一次，我可以忍受。

【讨论】：