2013-06-05 3 views
0

Dans un div j'ai trois divs absolus qui devraient défiler dans mon container pour gagner un petit effet de parallaxe. J'ai fait une fonction pour suivre le décalage de e.pageX sur mousedown. Si la souris apparaît avant d'être déplacée, je l'enregistre comme un événement click (qui vérifie si quelqu'un a cliqué sur le côté gauche ou droit de l'écran).jquery mousemove sur mousedown travaillant sur iPad

QUESTION: Cela ne fonctionne pas sur iPad. J'ai essayé beaucoup de solutions trouvées sur ce site, mais je ne pouvais pas le faire fonctionner. Pourriez-vous me désigner une fonction de travail sur iPad?

var isDragging = false; 
var currentPosition = 0; 
var startClick = 0; 
var showcaseWidth = $('#showcase').width(); 
var direction = ""; 

$('#showcase') 
.mousedown(function(e) { 
    startClick = e.pageX; 
    $(window).mousemove(function(e) { 
     isDragging = true; 
     var x = e.pageX; 
     userIsDragging(x); 
    }); 
    return false; 
}) 
.mouseup(function(e) { 
    var wasDragging = isDragging; 
    isDragging = false; 
    $(window).unbind("mousemove"); 
    if (!wasDragging) { //was clicking 
     var x = e.pageX; 
     if(x>(showcaseWidth/2)) 
      $("#tracker").text("go left");// bijvoorbeeld userIsDragging 1024px of naar t volgende snap punt 
     else 
      $("#tracker").text("go right"); 

    } 
}); 
function userIsDragging(x) { 
    var movement = x - startClick; 
    $("#tracker").text(movement); 
} 

Répondre

Questions connexes