Question

我需要像Apple website gallery（360°iPhone视图）那样做。所以我需要在onclick事件（拖动）之后根据鼠标移动增加或减少一个计数器，这样我就可以加载正确的图像（以增量数字结尾）。

有没有办法做到这一点？如果我没有解释清楚，请告诉我，谢谢。

Answer 1

我要么说你使用draggables，要么你可以创建自己的功能。一个是元素.mousedown()，另一个是.mousemove()，最后是.mouseup()。您可以查看http://jsfiddle.net/QeyYj/以获取一个非常简单的示例。代码是

var prevX;

$("#area").mousedown( function(e) {
    $("#area").data("in", true);
    prevX = e.pageX;
});

$(window).mousemove( function(e) {

    if ( $("#area").data("in") ) {
        $("#degree").html(prevX%360);
        prevX = e.pageX;
    }
});

$("#area").mouseup( function(e) {
    $("#area").data("in", false);
})

如何通过拖动页面元素并使用JQuery向右或向左移动鼠标来增加计数器？

1 个答案: