Jquery 将单独的div追加到克隆的draggable

我正在尝试将一个单独的div附加到克隆的可拖动div

本节：

做的正是我想要的-除了-我想克隆的拖拽

问题 当我使用

helper:'clone'，

并尝试将单独的div附加到克隆时：

---

我想要附加的div-不会附加-除非单击并拖动同一个框两次。在第二次单击并拖动时，它会执行我期望的操作。

这里的想法是在开始拖动时追加，在停止时克隆并将可拖动添加到克隆的div中

$（文档）.ready（函数（）{
$（“.box”）.draggable({
助手：“克隆”，
开始：功能（事件、用户界面）{
$（ui.helper）.append（$（“#appendeable_div”）；
},
停止：功能（事件、用户界面）{
$（ui.helper）.addClass（'box-cloned'）.clone（true）.appendTo（'body'）；
$（“.box克隆”）.on（'mouseover'，function（）{
$（此）。可拖动({
开始：功能（事件、用户界面）{
$（ui.helper）.append（$（“#appendeable_div”）；
}
});
});
}
});
});
#可拖动{
宽度：200px；
高度：100px；
填料：2米；
利润率：10px；
边框：1px实心；
}
.box，.box已克隆{
边框：1px实心；
背景颜色：灰色；
宽度：150px；
}
#可追加分区{
位置：绝对位置；
顶部：2个；
左：2px；
背景色：红色；
宽度：100px；
高度：50px；
}

可追加div








方框#1
方框#2
方框#3
方框4
在上面拖动一个框，使可追加的div。。。追加到正在拖动的框中
这里的想法是在开始拖动时追加，在停止时将draggable添加到克隆的div中


$（文档）.ready（函数（）{
$（“.box”）.draggable({
助手：“克隆”，
开始：功能（事件、用户界面）{
$（ui.helper）.append（$（“#appendeable_div”）；
},
停止：功能（事件、用户界面）{
$（ui.helper）.addClass（'box-cloned'）.clone（true）.appendTo（'body'）；
$（“.box克隆”）.on（'mouseover'，function（）{
$（此）。可拖动({
开始：功能（事件、用户界面）{
$（ui.helper）.append（$（“#appendeable_div”）；
}
});
});
}
});
});
#可拖动{
宽度：200px；
高度：100px；
填料：2米；
利润率：10px；
边框：1px实心；
}
.box，.box已克隆{
边框：1px实心；
背景颜色：灰色；
宽度：150px；
}
#可追加分区{
位置：绝对位置；
顶部：2个；
左：2px；
背景色：红色；
宽度：100px；
高度：50px；
}

可追加div








方框#1
方框#2
方框#3
方框4
在上面拖动一个框，使可追加的div。。。附加到正在拖动的框中
谢谢Daniel H-但它是框、框1、框2等。。我想要克隆。我也不反对克隆红色div，但重点是克隆框，并将红色框附加到克隆的框中。谢谢。@ScreerStanson好的，这会有用的，检查更新的答案=DAwesome！非常感谢：）那么诀窍是附加到ui克隆助手“ui.helper”中吗？这听起来对吗？谢谢Daniel H-但是是盒子，盒子1，盒子2等等。。我想要克隆。我也不反对克隆红色div，但重点是克隆框，并将红色框附加到克隆的框中。谢谢。@ScreerStanson好的，这会有用的，检查更新的答案=DAwesome！非常感谢：）那么诀窍是附加到ui克隆助手“ui.helper”中吗？听起来是这样吗？