Блог

Я сам создал панель навигации для своего веб-сайта. Проблема в том, что я хочу определить, перемещает ли пользователь панель навигации пальцем вправо (с помощью слайда). Если запускаются события этого слайда, я хочу нажать скрытую кнопку закрытия.

Я много искал, но не могу найти событие, которое звучит правильно. Итак, как я могу это сделать?

 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>  

Потому что jQuery mobile для меня слишком тяжелый способ (потому что мне нужны были только события прокрутки) Я нашел этот маленький плагин:

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

Вот как я реализовал событие касания:

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

Это нажимает кнопку закрытия моей навигации и закрывает ее, когда пользователь проводит пальцем прямо по моей навигации.