javascript - 检测何时使用 jQuery UI 的可拖动项向左或向右拖动？

Question

我正在使用 JQuery UI 使元素可拖动，并且在代码中，可以指定开始、拖动和结束时要执行的操作。

但是我怎样才能在向左拖动时运行一个函数而在向右拖动时运行另一个函数呢？

我已经将可拖动轴限制为仅 x 轴。所以元素只能向左或向右移动。

Answer 1

查看此演示:http://jsfiddle.net/3NtS9/

您可以通过在每个原子拖动操作上检查之前的事件坐标来做到这一点。

var prevX = -1;

$('div').draggable({
    drag: function(e) {
        //console.log(e.pageX);
        if(prevX == -1) {
            prevX = e.pageX;    
            return false;
        }
        // dragged left
        if(prevX > e.pageX) {
            console.log('dragged left');
        }
        else if(prevX < e.pageX) { // dragged right
            console.log('dragged right');
        }
        prevX = e.pageX;
    }
});