jQuery - 可拖动的克隆并在mousedown上启动dragginge

Question

我有一些像这样的HTML：

<div>
    <button>Clone the parent</button>
    <div>Drag the parent</div>
</div>

父是一个jQuery draggable。当单击按钮以外的任何内容时，我想将整个父项拖动到新位置。

但是，如果按钮获得了mousedown，我想克隆父节点，然后开始拖动克隆。

我以为我可以在“start”方法中使用draggable（“option”，“helper”，“clone | original”）方法，但这似乎在鼠标再次关闭之后才会生效。< / p>

所以，相反，我只是手动，在单击按钮时克隆父节点，但是我无法弄清楚如何使用droppable使克隆的父节点变得漂亮并且在mousemove上移动克隆，因为我需要所有这些都发生在鼠标停机时。

关于如何做到这一点的任何想法？