jQuery UI 可拖动，停止拖动但允许以其他方式拖动

Question

问题很简单，看一下这个

$("#element").draggable({
    axis: "x",
    drag: function(event, obj){
        if(condition)
            return false;
    }
});

如您所见，如果条件为真，拖动将停止，并且除非释放并再次按下鼠标键，否则不可能继续向任何方向拖动。

所以问题是如何阻止用户将元素拖动到某个方向而不停止拖动到任何其他方向？

Answer 1

试试这个，只需将位置重置回 0。

$(function() {
    $( "#draggable" ).draggable({ 
        axis: "y",
        drag: function(event, obj){
            if(obj.position.top > 0){
               obj.position.top = 0;
            }
        },

    });

 });

查看演示 here