jQuery UI - 可拖动/可放置捕捉到父 div?

标签 jquery jquery-ui jquery-ui-droppable

任何人都可以帮我编写这段代码吗: http://jsfiddle.net/tVzq9/2/

我试图让 div '.boxArt' 捕捉到父 div '.drop',但以与它恢复相同的方式(所以它很平滑)。目前它会掉落到 div 上,但无法正确放置。对 drop div 使用“tolerance: 'fit'”不起作用,因为很难准确定位在其上。感谢您的帮助!

最佳答案

解决方案如下:http://jsfiddle.net/awsFU/

使用drop event droppable 的属性来处理可拖动到 droppable 上的动画。请注意,drop 回调函数接收两个参数:eventui。可拖动对象是通过 drop 回调内的 ui 参数 (ui.draggable) 访问的。然后,您可以根据可拖动和可放置的当前偏移量计算可拖动的新位置。

关于jQuery UI - 可拖动/可放置捕捉到父 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9746564/

相关文章:

jquery - Localstorage 与 Cookie - 性能

javascript - 获取另一个元素内 anchor 的 'href' 值

javascript - 对话框内可拖动的 jquery 问题

javascript - JQuery 用户界面 : Get ID of source element in drag'n'dop

jquery - 使用 jQuery 可选插件和 ASP.NET MVC 2 发布所选项目

javascript - 重新创建时 jQuery 对象不可拖动

jQuery检测css背景图片完成下载

javascript - 这两个 javascript 和 jquery 语句有什么区别?

jquery - 如何替换具有自定义元素的 JQuery UI 小部件

jquery - 使用 jQuery 实现 F11 全屏功能