JQuery拖动外部父

我正在使用JQuery的draggable（）; 使li元素可拖动。 唯一的问题是当元素被拖到其父元素之外时，它不会显示出来。 也就是说，它不会留下其父div的范围。 这里有一个例子： http ： //imgur.com/N2N1L.png – 就好像其他一切的z-index具有更高的优先级（并且元素在所有内容下滑动）。

这是代码：

$('.photoList li').draggable({ distance: 20, snap: theVoteBar, revert: true, containment: 'document' }); 

并且li元素放在DIV中，如下所示：

 
 
 
 
Page 1
 
 
  
 
 
  

我很肯定问题是它不会离开它的父容器，但我不知道如何做到这一点。

任何方向或帮助将非常感谢！

Answer 1

我在这个页面上遇到了完全相同的问题，Brendan的回答让我很接近。 设置appendTo选项没有帮助，但我能够通过向我的draggable元素的父级添加overflow: visible来解决我的问题。 事实certificate，我在链条的某个地方隐藏着隐藏的东西。

旁注，它看起来像是有效的，因为jQuery UI通过动态设置相对于父级的定位来移动可拖动元素 – 这对我来说是新的英特尔！

Answer 2

我也有同样的问题。
您可以使用此选项

遏制：$（’＃divmain’）
帮手：’克隆’

分别为
– 定义删除操作的限制区域
– 显示可见的拖动对象也在div父级之外但在#divmain之内

例

jquery代码：

 $('divparentdraggable').draggable({ ... containment: $('#divmain'), helper: 'clone', ... }); 

我希望这有助于某人。

Answer 3

看起来上面的一些组合为我做了。

设置appendTo: 'body'和helper: 'clone' 。 这样一个新的DOM-Object将被创建为身体的子，它将随处可见。 这样你就可以随意拖动（和放下）它。

Answer 4

这看起来像一个CSS问题。 尝试关闭恢复，以便在将其拖动到半可见的位置时保持不变。 然后在Firebug中使用z-index等进行播放，看看是否可以显示它。 它可能是一个带有’overflow：hidden’的父级ul或div之一的css问题。

Answer 5

我有一个类似的问题，并通过设置选项解决它：

 appendTo: 'body' 

唯一的副作用是，如果基于它的父容器将样式应用于项目，那么这些样式将不会出现在帮助程序上。