Jquery UI - 嵌套Droppables / Sortables

Question

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

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

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

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

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

Answer 1

this你需要什么？

总结：新的内部框必须贪婪才能拦截事件。