侧面菜单滑动功能

我使用Sidr jQuery插件作为我的应用程序的侧面菜单。目前，侧面菜单通过单击按钮来切换（打开和关闭）。侧面菜单滑动功能

HTML：

<a id="right-menu" href="#sidr-menu"> 
<button type="button" class="navbar-toggle">LOGIN/&nbsp;SIGNUP 
</button> 
</a> 

<div id="sidr" class="sidr right"> 
<nav class="nav"> 
    <ul> 
    <li> 
    <a class="page-scroll" href="{% url 'login' %}">LOGIN</a> 
    </li> 
    <li> 
    <a class="page-scroll" href="{% url 'signup' %}">SIGN UP</a> 
    </li> 
    </ul> 
</div>

的jQuery：

<script> 
$('#right-menu').sidr({ 
name: 'sidr-right', 
side: 'right', 
source:'#sidr', 
}); 
</script>

现在我要为移动设备增加一个刷卡的功能，使用户可以轻松地向左滑动（打开侧菜单）或刷卡右键（关闭侧面菜单）。我如何实现这一目标？我使用哪个库？

来源

2015-05-18 Harsh Gupta

锤js或touchswipe js是流行和易于使用的插件。您标记了您的问题JQM，因此如果您使用该框架，它具有内置的滑动功能 – Tasos

您应该检查jquery mobile swipe documentation

来源

2015-05-18 11:20:03 skornous

离子框架新添加的。它会为你做所有必要的事情。

来源

2015-05-18 11:38:51 iLion

看来，我来晚了，但你可能想试试这个简单的代码（当然，你需要对其进行修改，以适应您的代码）

<script> 
     $(window).touchwipe({ 
     wipeLeft: function() { 
      // Close 
      $.sidr('close', 'sidr-main'); 
     }, 
     wipeRight: function() { 
      // Open 
      $.sidr('open', 'sidr-main'); 
     }, 
     preventDefaultEvents: false 
     }); 
</script>

你需要尝试这在触摸启用设备。通过鼠标滑动似乎不起作用。
我正在编写我自己的自定义jQuery插件swipble侧菜单和被击中。这是我的question.

来源

2015-06-12 06:38:31

侧面菜单滑动功能

回答

相关问题