Jquery UI - 从显示中获取一个元素 :hidden element when dragging

Question

我有一组元素位于另一个元素中的“传送带”元素上，该元素设置为 overflow:hidden 使用 css。拖动时，如何将溢出设置为隐藏的 holder 元素“移出”？当我拖动“元素”分类图像时，它只会在支架内拖动，当我试图将它移到支架“外部”时，它会隐藏，并且不会移动到旧支架元素之外。

<div class="holder" style="overflow:hidden;">
     <div class="conveyor">
          <img src="image1.jpg" class="item" />
          <img src="image2.jpg" class="item" />
          <img src="image3.jpg" class="item" />
     </div>
</div>

<script>

     $('.item').draggable();

</script>

我也曾尝试将新移动的元素附加到父元素，但是该元素不会恢复到我的持有人....请帮忙!

试图追加元素:

$('.item').draggable(
     helper:'clone';
     revert:'invalid',
     start:function(){
          $(this).parent().parent().append(this);
     }
)

Answer 1

在这里找到答案 -> http://docs.jquery.com/UI/Draggable .是的......那是几个小时的挖掘!

传递给 appendTo 选项或由 appendTo 选项选择的元素将在拖动期间用作可拖动助手的容器。默认情况下，助手会附加到与可拖动对象相同的容器。

$('.selector').draggable({ appendTo: 'body' });

感谢您的帮助!