本文實例講述了jquery實作相簿一下滑動兩次的方法。分享給大家供大家參考。具體實作方法如下:
var t1=null; //定义为全局变量 $('body').on('touchstart', '#gallerySlider img', function(e){ var touch = e.originalEvent, startX = touch.changedTouches[0].pageX; if (t1 == null){ t1 = new Date().getTime(); }else{ var t2 = new Date().getTime(); if(t2 - t1 < 500){ t1 = t2; return; }else{ t1 = t2; } } slider.on('touchmove',function(e){ event.stopPropagation(); touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0]; if(touch.pageX - startX > 10){ slider.off('touchmove'); showPrevious(); } else if (touch.pageX - startX < -10){ slider.off('touchmove'); showNext(); } }); return false; }).on('touchend',function(){ slider.off('touchmove'); });
當手指滑動開始的時候記錄下時間,結束的時候在記錄下時間,如果兩個時間差相隔很近,就結束。
希望本文所述對大家的jQuery程式設計有所幫助。