javascript - 用于移动模板的 Jquery/JS 中的滑动事件？

Question

我使用 HTML 为移动设备标记了一个模板。

内容为左侧菜单，点击后出现。 当我从右向左滑动显示时，如何隐藏这个菜单？ 我可以使用 JS/Jquery 中的什么方法？

Answer 1

您可以使用 jQuery 的“swipe”和“touchstart”事件来实现这一点，如下所示:

function swipe(){
  $('.mobile-menu').toggleClass('slideout');
}
$('body').on( "swiperight", swipe());
$('body').on( "swipeleft", swipe());

//or simply
$('body').on( "swipe", swipe());

您需要在 CSS 中创建类，该类将具有显示和隐藏菜单的正确样式。