jQuery'nin dokunmatik cihazlarda fare merkezini çalıştırmasını önleme

Question

jQuery'de bazı hover kaydırma efektleri yazdım. Masaüstü bilgisayarda harika çalışıyorlar. Sorun şu ki, bir mobil cihazda, kullanıcı ekrana dokunduğundan, kodum hala kullanıcının benim .scrollright div'ma geldiğine ve kaydırmaya devam ettiğine inanıyor.

Bu sorunu nasıl devre dışı bırakabilirim ya da yalnızca bu sorunu önlemek için mobil/tablet cihazlarda nasıl yapabilirim?

$('.thumbnails .scrollright').on('mouseenter', function() { 
    this.iid = setInterval(function() { 
     var CurrentScrollLeft = $(".thumbnails .thumbnailphotos").scrollLeft(); 
     $(".thumbnails .thumbnailphotos").scrollLeft(CurrentScrollLeft+10);   
    }, 50); 
    }).on('mouseleave', function(){ 
     this.iid && clearInterval(this.iid); 
    }); 

Answer 1

Dokunmak için hızlı bir kontrol belki?

var tap = ("ontouchstart" in document.documentElement); 

Ardından durumda kodunuzu sarın: neyse böyle

if(!tap){ 
    $('.thumbnails .scrollright').on('mouseenter', function() { 
     this.iid = setInterval(function() { 
      var CurrentScrollLeft = $(".thumbnails .thumbnailphotos").scrollLeft(); 
      $(".thumbnails .thumbnailphotos").scrollLeft(CurrentScrollLeft+10);   
     }, 50); 
    }).on('mouseleave', function(){ 
     this.iid && clearInterval(this.iid); 
    }); 
} 

şey.