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

JQuery UI dragable(无法正确停止)

draggable jquery-ui jquery

Falcon · 技术社区 · 14 年前

我对可拖动的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 回复 | 直到 14 年前

Esenbek Kydyr uulu 13 年前

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

推荐文章

Richard Tinkler · 如何在表单中拖放HTML列表项并更改其隐藏的输入字段值

6 年前

Can74 · 为什么我的代码不起作用?

6 年前

GNETO DOMINIQUE · 如何使可拖动元素重新映射到同一位置

6 年前

David · 是否将自定义本地属性添加到控件?

7 年前

Vaxo Basilidze · jQuery UI可拖动和可拖放项变为不可拖动

7 年前

cbryant678 · 如何仅使用可拖放jQuery从克隆中删除类?

7 年前

John Wellson · 将“dragstart”事件附加到“mouseup”以获得可拖动体验

7 年前

KPM · 使用Jquery Issue垂直重新排序Div

8 年前

Twiggit · 可排序和序列化

8 年前

Sharpy · 拖放某物

8 年前