Facebook像在没有jQuery Mobile的JavaScript中滑动菜单

Question

我正在开发一个应用程序PhoneGap和jQuery Mobile。它确实在杀死应用程序的性能。我使用jQuery Mobile的唯一原因是因为swipe lateral menus。

有任何简单库，正确地执行该实现？我只发现jQuery Mobile相关的东西。

在此先感谢！

Answer 1

您可以尝试这两个项目以及

https://github.com/jakiestfu/Snap.js

http://www.berriart.com/sidr/

Answer 2

这是一个很酷的书写使用Javascript。你可以试试这个：

https://github.com/boxbreakout/menujs

Answer 3

是的，你说得对，他们是导致许多性能问题主要应用，

1.Due的事实，还有每当我们刷卡过渡效果或改变当前页面。每个移动设备对于转换都不够兼容。因此，要使其顺利运行，应用程序中的转换应用程序无处不在。

将此应用于您的index.html页面。

<script> 
$(document).on("mobileinit", function() 
    { 
     $.mobile.defaultPageTransition = 'none'; 
    } 
</script> 

或

你可以申请data-transition="none"到你的应用。 我在过去有类似的问题，但这个解决方案为我工作。

2.我不知道任何JavaScript库，但我有一个解决方案。取一个div，并使其隐藏/显示在mousemove/touchmove或swipeleft/swiperight事件jQuery Mobile.You可以设置div的CSS为显示/隐藏你的页面的任何地方。

以下是jQM的事件数量的链接。 jQM Events

例如

<div id="xyz"> 
</div> 

<a data-role="button" id="abc" href="#" data-theme="c" >Swiperight</a> 

在JavaScript

$('#abc').on('swipeleft',function() 
{ 
    var div = $('#xyz'); 
    div.show(); 
} 

希望我已经回答了你的问题，按您的要求。