Question

在div中我有三个绝对div，它们应该在我的容器中滚动以获得小的视差效果。我创建了一个函数来跟踪mousedown上e.pageX的偏移量。如果鼠标在拖动之前出现，我将其注册为点击事件（检查是否有人点击了屏幕的左侧或右侧）。

问题：这在iPad上无效。我尝试了很多我在这个网站上找到的解决方案，但我无法让它发挥作用。

你们可以在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);
}

Answer 1

我建议使用jQuery 移动拖放插件。项目：http://www.jsplugins.com/Scripts/Plugins/View/Jquery-Mobile-Drag-And-Drop/ 演示：http://www.stevefenton.co.uk/cmsfiles/assets/File/mobiledragdrop.html

可选择性： http://stephband.info/jquery.event.move/

jquery mousemove on mousedown在iPad上工作

1 个答案: