javascript - 如何使用Jquery UI进行拖放

标签 javascript jquery jquery-ui

我是 Jquery ui drag 新手,我有一个问题。

我正在尝试拖动我的DOM中的元素,并且我使用以下代码

dragObj = document.getElementsByClassName('drag');
$(dragObj).draggable();

我可以拖动该元素,但该元素粘在我的鼠标上,我不知道如何把它放下......等等。我阅读了 Jquery ui draggable 文档,它并没有告诉我太多信息。这里有人能帮我吗?非常感谢!

最佳答案

draggable() 的默认行为是元素在 mouseup 上掉落。

也许您正在代码中某处中断该元素上的 mouseup 事件? 我成功地复制了您在 mouseup 上调用 stopPropagation 的症状。

还要确保没有任何 JavaScript 错误。

http://jsfiddle.net/vQ9Y5/

$('div').draggable();

$('div').mouseup(function(ev){
    ev.stopPropagation();
});

关于javascript - 如何使用Jquery UI进行拖放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17959514/

相关文章:

javascript - Jquery 自动完成不工作

javascript - 单击按钮时将链接 href/文本更改为文本框的值?

javascript - 显示标签和布局的 Bootstrap 问题

javascript - 始终在 jQuery 自动完成中显示一个字符串,即使它与输入字符串不匹配

jquery - IE8 中的 Highchart 渲染器路径问题

javascript - 通过 Symfony2 Controller 将记录从数据库中提取到 javascript

javascript - 将部分 View 加载到 JQuery 对话框中的缓存问题

javascript - Dojo Select 小部件未从数据存储中填充内容

javascript - 一次向 MySQL 表中插入多行

javascript - 我正在尝试使用 Javascript 来显示图像