jquery - Sortable & droppable, droppable 不会更新，当 DOM 更新时？

Question

我正在制作一个涉及可排序的用户界面，其中有可放置的列表项。这是它的一个 fiddle :

http://jsfiddle.net/NRkwx/

问题是这样的:当您开始排序并移动列表项时，可放置项也会移动，但它们可放置的区域不会移动。您可以通过移动一些列表项来看到它。你会注意到，如果例如droppable 向上移动一级，您可以从其原始位置(而不是从其实际所在位置)将其放置到它。

如何更新可放置区域？我应该删除可放置并将其添加到可排序更改上吗？

Answer 1

找到解决方案!我正在浏览 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