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

标签 jquery jquery-ui jquery-ui-sortable droppable

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

http://jsfiddle.net/NRkwx/

问题是这样的:当您开始排序并移动列表项时,可放置项也会移动,但它们可放置的区域不会移动。您可以通过移动一些列表项来看到它。你会注意到,如果例如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

关于jquery - Sortable & droppable, droppable 不会更新,当 DOM 更新时?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8377403/

相关文章:

javascript - jQuery/Javascript 中的 sum Floatnumber 输出错误

javascript - 附加可拖动到动态创建的座位表

jquery-ui - 使用 jQuery UI 同时对多个项目进行排序

javascript - jQuery sortable拖放-克隆等问题

javascript - 在 Sortable.js 中拖放列表 : How to set a different drop area than a Sortable list?

javascript - 使用基于ajax的客户端上传PHP文件不起作用

jquery - 提交表单不会在 jquery ajax 调用中停止

jQuery - jScrollPane 与 AJAX : mouse wheel not working

javascript - 将 jquery-ui 窗口的父元素设置为另一个元素

javascript - jQuery 动画左右移动