Jquery UI - 嵌套 Droppables/Sortables

Question

我正在尝试构建一个交互式网络应用程序。使用 Jquery UI，但我被困在这里 - 我似乎无法找到一种方法来“嵌套”我的“盒子”（参见小提琴的演示）。例如，假设有四个框 - A、B、C、D。如果 A 是具有高宽度和高度值的父级，我将 b 拖放到 A - 这工作正常。我尝试将另一个“盒子”C 拖放到 A 中，效果也很好。但是当我尝试将 D（甚至 C，这无关紧要）放入 B（嵌套）时，它似乎不起作用（见小提琴）。

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

JS 小提琴：http://jsfiddle.net/JQwsf/

为了确保我不会在这里混淆任何人，我附上了一张图片。

非常感谢任何帮助。谢谢。

Answer 1

你需要this吗？

总结：新的内盒一定是贪婪的，才能拦截事件。