Javascript 根据可拖动方向设置轴jQuery可拖动

如何根据轴的可拖动方向（初始化后）设置轴

如果从左向右拖动，则从上向下拖动，则为x，y

$("#belt").draggable({
    handle: "li",
    axis: "y",
    start: function() {

        //I want to be dragged in the axis i belong which should be x....

    },
});

---

最初使用“距离”约束运动，以获取用户移动方向的初始读数，然后设置轴限制

var x, y;

$("#belt").draggable({
    start: function(event) {
        x = event.originalEvent.pageX;
        y = event.originalEvent.pageY;
    }, 
    drag: function(event) {
        if (x && y) {
            axis = Math.abs(event.originalEvent.pageX - x) > Math.abs(event.originalEvent.pageY - y) ? 'x' : 'y';
            $("#belt").draggable('option', 'axis', axis);
            x = y = null;
        }        
    },
    stop: function() {
        x = y = null;
        $("#belt").draggable('option', 'axis', false);
    },
    distance: 20
});​

---

这里有一个提示：

您使用距离来约束运动，以获得用户移动方向的初始读数，然后设置轴限制

var x, y;

$("#belt").draggable({
    start: function(event) {
        x = event.originalEvent.pageX;
        y = event.originalEvent.pageY;
    }, 
    drag: function(event) {
        if (x && y) {
            axis = Math.abs(event.originalEvent.pageX - x) > Math.abs(event.originalEvent.pageY - y) ? 'x' : 'y';
            $("#belt").draggable('option', 'axis', axis);
            x = y = null;
        }        
    },
    stop: function() {
        x = y = null;
        $("#belt").draggable('option', 'axis', false);
    },
    distance: 20
});​

---

这里有一把小提琴：

感谢你的回答！我将你的小提琴分叉，以包含一些代码，这样只有当用户在拖动时按住shift键时，轴锁定才会发生

---

感谢你的回答！我将你的小提琴分叉，以包含一些代码，这样只有当用户在拖动时按住shift键时，轴锁定才会发生

---

它将如何确定阻力的方向？需要根据方向切换相同的元素轴。对不起，误解了问题。更新了解决方案。非常感谢，这正是我需要的。它将如何确定阻力方向？需要根据方向切换相同的元素轴。对不起，误解了问题。更新了解决方案。非常感谢，这正是我需要的。