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