Question

我在可拖动的UI方面遇到了一些问题。在某些情况下，我需要停止拖动。这是非常有活力的。我试着让它更简单。

我做什么：

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

但是，如果我这样做。当我返回假。所有阻力都在停止。如果我想向另一个方向拖动，我必须再次'鼠标'和'mousedown'。

如何在不停止拖动的情况下创建此类行为？感谢

Answer 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
        }
    })

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

1 个答案: