jquery - 使用 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");
        });