javascript - Facebook 喜欢在没有 jQuery Mobile 的 JavaScript 中滑动菜单

Question

我正在使用PhoneGap和jQuery Mobile 开发应用程序。它确实在扼杀应用程序的性能。我使用 jQuery Mobile 的唯一原因是滑动横向菜单。

有任何简单的库可以正确执行该实现吗？我只找到了 jQuery Mobile 相关的东西。

提前致谢！

score 14 · Accepted Answer

你也可以试试这两个项目

score 0 · Accepted Answer

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

score 0 · Accepted Answer

是的，你是对的，它们主要导致应用程序的许多性能问题，

1.由于每当我们滑动某些内容或更改当前页面时都会有过渡效果。每个移动设备都不足以进行过渡。因此，为了使其顺利运行，在您的应用程序中的任何地方都没有应用过渡。

将此应用到您的 index.html 页面中。在 head 标记中。

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

或者

您可以申请data-transition="none"到您的申请中。我过去有类似的问题。但这个解决方案对我有用。

2.我不知道任何 javascript 库。但我有一个解决方案。拿一个 div 并使其隐藏/显示mousemove/touchmove或swipeleft/swiperightjQuery Mobile 的事件。您可以将 div 的 CSS 设置为在您的任何位置显示/隐藏页。

这是jQM事件数量的链接。 jQM 活动

例如

 <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();
 }

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

3 回答 3