當我想消失源拖動項目時如何停止消失掉線？

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將該元素作爲可放置區域的子元素有點微不足道。 - 請記住使用可拖動元素內部的元素，因爲當單擊該按鈕時可以使可拖動元素摺疊。

想想你正在使用的元素以及它們如何與標記的其餘部分相關，而不是它們在屏幕上的位置。