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

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 使该元素成为可放置区域的子元素的简单方法。 -- 请记住使用可拖动元素内的元素，因为您已经使可拖动元素在单击按钮时可折叠。

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