当我想消失源拖动项时，如何停止消失？

Question

我在Bootstrap按钮崩溃内拖动了项目。我点击按钮，它会显示我的所有拖动项目。而且我也可以使用一个项目并删除我的具体位置。但问题是，当我点击按钮消失我的其他物品时，它也会消失我的掉落物品。

HTML：          

</div>
<div class='buttonclass'>
    <button type='button' class='btn btn-info' data-toggle='collapse' data-target='.draggable'>ClickMe and Drag Item</button>
</div>

<div id="draggable1" class="collapse draggable">
  <p class="ui-widget-header">drag and drop 1</p>
</div>

<div id="draggable2" class="collapse draggable">
  <p>drag and drop 2</p>
</div>
</div>

演示代码here

Answer 1

问题是即使您更改了可拖动对象的相对位置，它仍然属于下拉层次结构，因此它将响应按钮的关闭事件

我对jQuery.UI并不十分熟悉，但应该有一些方法可以克隆你正在拖动的对象。或者如果你只想要一个draggable元素的实例，那么使用jQuery将元素作为droppable区域的子元素有一些简单的方法。 - 只记得使用draggable中的元素，因为当点击按钮时你已经使可拖动元素可折叠。

考虑您正在使用的元素以及它们与标记其余部分的关系，而不是它们在屏幕上的位置。