使用 Jquery ui 的可拖动功能，如何更改停止时的恢复？

Question

我想知道您如何更改从停止事件中拖动到 Jquery ui 中的某些内容的“恢复”属性。

    $('.things').draggable({ 
        revert: "true",
        stop: function(event, ui){
                        //if something then set revert to false
        }
    });

我尝试了一些方法，但似乎无法让它发挥作用。

干杯。

Answer 1

stop 事件发生得太晚，无法对 revert 选项进行更改来影响当前的拖动操作。可拖动对象仍将恢复，即使在下一次拖动中不再这样做。

您可能想绑定到 drag 事件：

$('.things').draggable({ 
    revert: true,
    drag: function(event, ui) {
        if (/* something */) {
            $(this).draggable("option", "revert", false);
        }
    }
});

Answer 2

我意识到自提出这个问题以来已经有一段时间了，但在 JQuery UI 1.10 及更高版本中，draggable 现在支持将函数作为 revert 的值。如果该值返回 true，则该位置将被恢复，否则不会。

$('.things').draggable({ 
    revert: function() {
        if(condition_is_met()) {
             return false; // Don't revert
        } else {
             return true;
        }
    }
});