jQuery UI-从显示中获取一个元素：拖动时隐藏元素

我有一组元素坐在另一个元素中的“传送器”元素上,该元素设置为使用CSs隐藏的溢出：.拖动时,如何从溢出设置为隐藏的Holder元素中取出元素？当我拖动“ item”分类图像时,它只会在支架内拖动,当我尝试将其“移动”到支架外时,它会隐藏,而不会移到旧的支架元素外.

<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);
     }
)

最佳答案

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

传递给appendTo选项或由appendTo选项选择的元素将在拖动过程中用作可拖动帮助程序的容器.默认情况下,辅助程序与可拖动对象附加到同一容器.

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

谢谢您的帮助！

原文地址：https://www.jb51.cc/css/530729.html