我正在创建一个涉及可排序的UI,其中有可放置的列表项。这是一个小提琴:
问题在于:当您开始排序并移动列表项时,droppables也会移动,但它们可以放置的区域则不会。您可以通过移动一些列表项来查看它。你会注意到,如果是droppable向上移动一步,你可以从它的原始位置下降到它,而不是它实际所在的位置。
我如何更新可放置区域?我应该删除droppable并将其添加到sortable change
?
答案 0 :(得分:12)
找到解决方案!我正在浏览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