jquery实现相册一下滑动两次的方法
本文实例讲述了jquery实现相册一下滑动两次的方法。分享给大家供大家参考。具体实现方法如下:
vart1=null;//定义为全局变量 $('body').on('touchstart','#gallerySliderimg',function(e){ vartouch=e.originalEvent, startX=touch.changedTouches[0].pageX; if(t1==null){ t1=newDate().getTime(); }else{ vart2=newDate().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(); } elseif(touch.pageX-startX<-10){ slider.off('touchmove'); showNext(); } }); returnfalse; }).on('touchend',function(){ slider.off('touchmove'); });
当手指滑动开始的时候记录下时间,结束的时候在记录下时间,如果两个时间差相隔很近,就结束。
希望本文所述对大家的jQuery程序设计有所帮助。