代码之家 › 专栏 › 技术社区 › Falcon

JQuery UI dragable(无法正确停止)

draggable jquery-ui jquery

0

Falcon · 技术社区 · 15 年前

我对可拖动的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”。

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

1 回复 | 直到 15 年前

1

0

Esenbek Kydyr uulu 14 年前

没有任何方法可以只取消一个“拖动”,但是可以使用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
        }
    })