jQuery UI Draggable约束动态创建的父div下的位置

Question

我创建了一个输入，用于创建用作菜单项的div。这些div是可拖动的，受限于父div，并且移动限制为每次40px。

我需要确保当我拖动一个div时，它只能被拖动到40px之后超过它的div，所以它上面的div充当父div。例如，它创建的第一个div根本不应该是可拖动的，因为它上面没有父级

小提琴在这里，http://jsfiddle.net/clintongreen/BMX4J/

由于

Answer 1

@enloz建议的这个插件http://mjsarfatti.com/sandbox/nestedSortable/可以解决问题。