Как лучше всего реализовать swipe на сайдбар?

Question

[LittleFatNinja]

нужно горизонтальным свайпом "вытягивать" сайдбар
не могу никак понять как обрабатывать эти евенты? какую билиотеку исп.
нагуглил что jquery modile поддерживает
если можете, напишите коротенький пример кода, где ловится свайп

Answer 1

[Bob Smily]

TouchSwipe, вполне его достаточно будет. Код примерно такой:

$( '.sidebar' ).swipe( {
  swipeLeft: function() {
    $( this ).addClass( 'sidebar_opened' );
  },
  swipeRight: function() {
    $( this ).removeClass( 'sidebar_opened' );
  }
} );

Answer 2

[Радмир]

materializecss.com/mobile.html - если я правильно понял это должно подойти

Answer 3

[Виктор Виктор]

работал с https://github.com/mattbryson/TouchSwipe-Jquery-Plugin, вполне классно

Comments

[LittleFatNinja]

как его полдлючить только на мобильном? или не парится и просто подключать?

[Виктор Виктор]

LittleFatNinja: я просто подключал. можно сервером определять юзерагента и подключать для мобильных, а в инит скрипте проверять есть ли плагин, если есть, инициализировать. не уверен что это красивое решение.

Answer 4

[Иван]

Hammer.js