Rumah >hujung hadapan web >tutorial js >kaedah jquery untuk merealisasikan album foto meluncur twice_jquery
Contoh dalam artikel ini menerangkan kaedah jquery untuk meluncurkan album foto dua kali sekaligus. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut:
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'); });
Rekod masa apabila gelongsor jari bermula, dan rekod masa apabila ia tamat.
Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.