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

Question

我创建了一个输入，用于创建用作菜单项的 div。这些 div 是可拖动的，被限制在父 div 上，并且一次只能移动 40 像素。

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

小提琴来了，http://jsfiddle.net/clintongreen/BMX4J/

谢谢

Answer 1

@enloz 建议的这个插件 http://mjsarfatti.com/sandbox/nestedSortable/ 成功了。