Использование jQuery для поворота элемента при пролистывании / перетаскивании

Question

Мне бы хотелось, чтобы круг вращался ВМЕСТЕ С пользователями, которые проводят пальцем по экрану. Я использую Phonegap, чтобы сделать приложение, и думал об использовании hammer.js, как многие люди рекомендуют его.

Я видел множество сообщений о том, как щелкнуть по элементу div, чтобы повернуть его на 90 градусов и т. Д., Все это легко, но мне нужно, чтобы пользователь смахивал или перетаскивал жест, чтобы вращать элемент в "реальном времени". Как в элемент будет вращаться на скорости удара, а также, как палец фактически касается экрана - давая ему родное чувство.

Есть идеи?

Answer 1

Я использую этот плагин, который работает очень хорошо. Может обрабатывать мульти пальца / перетаскивать начало / конец ECC

https://github.com/mattbryson/TouchSwipe-Jquery-Plugin

вот пример рабочего кода:

$(function() {      
          $("body").swipe( {
            swipe:function(event, direction, distance, duration, fingerCount,  fingerData) {
              if(direction=="right" && fingerCount==2 && distance>100){
                //do something
              }
              else if(direction=="right" && distance>100){
                //do other....
              }
              else if(direction=="left" && distance>100){
                //other and other....   
              }
            },
            threshold:0,
            fingers:'all'
          });
            $('body').swipe("option","allowPageScroll","vertical");
        });