当前位置 : 主页 > 网页制作 > JQuery >

如何在draggable插件(jQuery)中获取移动对象的方向?

来源:互联网 收集:自由互联 发布时间:2021-06-15
我有对象(div-box),它是可拖动的(我正在使用jQuery).如何获取访问者移动方向的信息?示例:用户将其向左拖动,我想知道它,怎么样? 这个怎么样? var start,stop;$("#draggable2").draggable({ axis:
我有对象(div-box),它是可拖动的(我正在使用jQuery).如何获取访问者移动方向的信息?示例:用户将其向左拖动,我想知道它,怎么样? 这个怎么样?

var start,stop;

$("#draggable2").draggable({
    axis: "x",
    start: function(event, ui) {
        start = ui.position.left;
    },
    stop: function(event, ui) {
        stop = ui.position.left;
        alert('has moved ' + ((start < stop) ? 'right':'left'))
    }
});​

crazy fiddle

网友评论