如何在div中制作可拖动的

时间:2011-10-19 17:20:07

标签: draggable jquery-ui-draggable

如何在两个div之间创建可拖动的元素?这似乎是draggables应该做的事情。但我没有能够使用我的代码。在这个jsfiddle中我有两个带有可拖动元素的div。我想从第一个div到第二个div获得一个元素。该功能必须存在于许多网站上。

这是带有代码的jsfiddle。

http://jsfiddle.net/gkvgn/9/

之前我曾问过,并且认为有人会知道如何使用该功能。如果我的代码不正确,我如何定义一个元素和可拖动的包含选项,以便能够具有该功能。

3 个答案:

答案 0 :(得分:2)

这里有一个类似的Stack Overflow问题: jquery ui draggable elements not 'draggable' outside of scrolling div

我在自己的项目中实施了上述解决方案,效果很好。

我同意,如果您将包含设置为窗口或文档,则应该允许交叉div拖动。我想你会更喜欢溢出来保持隐藏,因为你希望在你的div中保留多少内容。

答案 1 :(得分:0)

终于找到了问题。为容器div指定overflow: hidden;会将可拖动区域限制为仅限容器。如果我从样式中删除该规范。这些元素可以跨越div。这是修复的小提琴。

http://jsfiddle.net/gkvgn/10/

答案 2 :(得分:0)

当我停止尝试使用jquery时,可以将可拖动元素从可滚动div拖动到其他非父对象中。我最终使用了https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations