在一个div中,我有三个绝对的div,它们应该在我的容器中滚动以获得一个小的视差效果。我创建了一个函数来跟踪鼠标向下的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);
}发布于 2013-06-05 12:38:08
我建议使用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/
https://stackoverflow.com/questions/16940104
复制相似问题