如何在jquery ui中停止拖动事件

时间:2012-06-21 23:08:33

标签: jquery jquery-ui jquery-ui-draggable

我有一个jquery ui如下:

$('.draggable').draggable({
  drag: function(event, ui){
    if(this.offsetTop > 0 || this.offsetLeft > 0) return false;
  }
})

基本上我想要它,以便每次用户拖动时,我想连续测试条件是否为真(在这种情况下,我希望draggable的顶部和左侧坚持到父级的一侧)。

我认为上面的代码只会取消特定的拖拽事件,但它似乎已经完全停止了拖拽。知道如何在满足条件时取消拖动事件吗?

非常感谢!

杰森

1 个答案:

答案 0 :(得分:2)

要保持可拖动的活动,请不要返回false。根据你的说法,你可能需要做一些事情来限制拖动(ui)元素的位置。

这是我在回答另一个SE问题时放在一起的小提琴。

http://jsfiddle.net/XLrNF/