jquery – 当DOM这样时,可排序和可放置,droppable不会更新？

我正在创建一个涉及可排序的UI,其中有可放置的列表项.这是一个小提琴：

http://jsfiddle.net/NRkwx/

问题是这样的：当你开始排序并移动列表项时,droppables也会移动,但是它们可以放置的区域不会.您可以通过移动一些列表项来查看它.你会注意到,如果是droppable向上移动一步,你可以从原来的位置掉落,而不是从它实际所在的位置.

我怎么能更新可投放区域？我应该删除droppable并将其添加到可排序的更改？

解决方法

解决方案！我正在浏览jQuery UI源代码,并发现：

//If you have a highly dynamic page,you might try this option. It renders positions every time you move the mouse.
if(draggable.options.refreshPositions) $.ui.ddmanager.prepareOffsets(draggable,event);

然后我将此选项添加到我的sortable：

refreshPositions: true