Jquery UI – 嵌套的Droppables / Sortable

我正在尝试构建一个互动的网络应用程序.使用 Jquery UI,但我被困在这里 – 我似乎找不到“嵌套”我的“盒子”(见小提琴演示).例如,假设有四个框–A,B,C,D.如果A是宽度和高度值较高的父对象,我将b拖放到A中 – 这样可以正常工作.我尝试将另一个“盒子”C拖放到A中,这也可以正常工作.但是当我试图将D(或甚至C,这并不重要)放到B(nesting)中时,它似乎不起作用(见小提琴).

请注意,小提琴不包含单独的“Boxes”,而只是一个复制多个复选框.还要注意,我还没有实现排序功能(在小提琴),但是由于我无法修复嵌套问题.

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

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

任何帮助真的非常感激.谢谢.

解决方法

this你需要什么？

总结：新的内箱必须贪心拦截事件.