平移元素的觸摸 - jQuery

Question

我想平移觸摸元素，我使用以下來計算用戶已經滑過的距離（並添加過渡/函數刷卡初始化後）我如何得到實時滑動和動畫的值表示DIV沿着手指走動？

我使用下面的代碼來實現刷卡功能：

Standalone jQuery "touch" method?

Answer 1

你需要採取的腳本相隔位，獲得您需要的功能。基本上你有什麼有保存「刷卡」，以一個單一的事件，您需要捕獲的TouchMove事件是這樣的：

//add to the decleration: 
var defaults = { 
    threshold: { 
     x: 30, 
     y: 10 
    }, 
    swipeLeft: function() { alert('swiped left') }, 
    swipeRight: function() { alert('swiped right') }, 
    //THIS: 
    swipeMove: function(distance) { alert('swiped moved: '+distance.x+' horizontally and '+distance.y+' vertically') }, 
    preventDefaultEvents: true 
}; 

//add this to the init vars section 
var lastpoint = {x:0, y:0} 

//add an init to the lastpoint at start of swipe 
function touchStart(event) { 
     console.log('Starting swipe gesture...') 
     originalCoord.x = lastpoint.x = event.targetTouches[0].pageX 
     originalCoord.y = lastpoint.y = event.targetTouches[0].pageY 
    } 

//this is where you do your calculation 
function touchMove(event) { 
     if (defaults.preventDefaultEvents) 
      event.preventDefault(); 

     var difference = { 
      x:event.targetTouches[0].pageX - lastpoint.x, 
      y:event.targetTouches[0].pageY - lastpoint.y 
     } 
     //call the function 
     defaults.swipeMove(difference); 

     finalCoord.x = lastpoint.x = event.targetTouches[0].pageX 
     finalCoord.y = lastpoint.y = event.targetTouches[0].pageY 
    } 

應該是類似的東西反正havnt測試它雖然。