Jquery UI-嵌套的可拖放/排序表

我正在尝试构建一个交互式web应用程序。使用jQueryUI，但我被困在这里——我似乎找不到一种方法来“嵌套”我的“盒子”（请参阅fiddle的演示）。例如，假设有四个框-A，B，C，D。如果A是宽度和高度值较高的父级，我将b拖放到A-这很好。我尝试将另一个“盒子”C拖放到A中，这也可以正常工作。但是，当我尝试将D（甚至C，这并不重要）放入B（嵌套）中时，它似乎不起作用（参见fiddle）

请注意，小提琴不包含单独的“盒子”，而是一个被复制多次的盒子。还要注意，我还没有实现排序功能（在fiddle中），因为我还不能解决嵌套问题

JS小提琴：

为了确保我没有试图迷惑这里的任何人，我附上了一张图片

非常感谢您的帮助。谢谢。

您需要什么

---

小结：新的内部框必须贪婪地拦截事件。

您将b设置为可拖动和可拖放？“接受”匹配。我会检查小提琴，但这是我的手机…不，迈克尔，我认为B是可拖动的，A是可拖放的。谢谢。这是完美的信号，非常感谢！！但是有没有可能使这个链接无限大，例如，一个盒子里的盒子里的盒子里的盒子…等等？是的！您只需更换

$temp.appendTo（此）appendnow（$temp，$（this））。此外，还需要重新计算每个放置框的尺寸。在上面的示例中，我将尺寸设置为父对象的一半。对不起，我的英语不好。：）你是一个了不起的家伙。非常感谢你，伙计。它工作得完美无缺！：）这是JQuery UI文档中指向的链接。@sigurd我在实现上述问题时遇到了问题