Jquery UI - 嵌套 Droppables/Sortables

Question

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

请注意， fiddle 不包含单独的“盒子”，而只是一个被复制多次的盒子。另请注意，由于我无法解决嵌套问题，因此我尚未实现排序功能(在 fiddle 中)。

JS fiddle :http://jsfiddle.net/JQwsf/

为了确保我没有试图让任何人感到困惑，我附上了一张图片。

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

Answer 1

是this你需要什么？

总结:新的内框必须是贪婪的，才能拦截事件。