2015-03-02 166 views
0

幻灯反方向上的移动应用程序的工作,我有一个“滑”从左至右,使用菜单:jqueryMobile:上后退按钮

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

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

谢谢

回答

0

结束使用这个。

覆盖后退按钮事件。

<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,我现在有一个额外的点击关闭应用程序,我可以住。