使用jQuery检测元素上的触摸滑块

Question

我已经为我的网站建立了一个导航抽屉。问题是，我想要检测用户是否用手指向右移动导航抽屉(使用幻灯片)。如果此幻灯片事件被触发，我想单击隐藏的关闭按钮。

我已经搜索了很多次，但我找不到一个听起来正确的事件。那么我该怎么做呢？

​

jQuery("nav").on("slide-right", function({
  jQuery(".close").click();
});

div {
  width: 100%
  background: #666;
  opacity: .6;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
  <nav>
    <ul>
      <li>Test</li>
      <li>Test</li>
      <li>Test</li>
      <li>Test</li>
      <li>Test</li>
      <li>Test</li>
    </ul>
  </nav>
</div>
<div class="close"></div>

​

Answer 1

因为jQuery手机对我来说太重了(因为我只需要滑动事件)，所以我找到了这个小插件：

https://github.com/GianlucaGuarini/Tocca.js

这就是我实现触摸事件的方式：

jQuery(".mobile_nav").on('swiperight',function(){
    jQuery(".mobile_menu_bar_toggle").click();
});

这将单击我的导航的close按钮，并在用户向右滑动我的导航时将其关闭。