JQuery UI 可拖动（无法正确停止）答案

【问题标题】：JQuery UI dragable (can't correctly stop it)JQuery UI 可拖动（无法正确停止）
【发布时间】：2010-10-22 14:25:47
【问题描述】：

我对可拖动的 UI 有一些问题。在某些情况下，我需要停止拖动。这是非常动态的。我试着让它更简单。

我做什么：

drag : (function(e,ui){
           if (ui.position.left > 400){// in my example 400 is variable whitch calculates every drag event
                        return false;
      }            
}

但如果我这样做。当我返回假时。所有的阻力都停止了。如果我想往另一个方向拖动，我必须再次执行“mouseup”和“mousedown”。

如何在不停止拖动的情况下创建这样的行为？谢谢

【问题讨论】：

标签： jquery jquery-ui draggable

【解决方案1】：

没有任何方法可以只取消一次“拖动”，但是您可以使用 ui.position 设置对象的位置

return false

引发一个错误，它不能有效地工作。以下代码对我很有效。

$('#draggablediv').draggable({
        drag: function (event, ui) {
            if (your_condition) { // for example: ui.position.left < 100
                ui.position.left = ui.position.left_old
                ui.position.top = ui.position.top_old
            }
            ui.position.left_old = ui.position.left
            ui.position.top_old = ui.position.top
        }
    })

【讨论】：