Jquery UI - 嵌套Droppables/Sortables

Question

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

请注意,小提琴不包含单独的"Boxes",而只包含一个多次复制的框.还要注意我还没有实现排序功能(在小提琴中),因为我还没能解决嵌套问题.

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

为了确保我不想在这里混淆任何人,我附上了一张图片.

任何帮助都非常感谢.谢谢.

Answer 1

就是这个,你需要什么？

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