当我想消失源拖动项目时如何停止消失掉线？

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并不熟悉，但应该有一些方法来克隆要拖动的对象。或者，如果您只需要可拖动元素的一个实例，则使用jQuery将该元素作为可放置区域的子元素有点微不足道。 - 请记住使用可拖动元素内部的元素，因为当单击该按钮时可以使可拖动元素折叠。

想想你正在使用的元素以及它们如何与标记的其余部分相关，而不是它们在屏幕上的位置。