可排序& droppable、droppable 不会更新,而 DOM 会更新?

发布于 2024-12-19 14:27:58 字数 300 浏览 4 评论 0原文

我正在制作一个涉及可排序的用户界面,其中有可删除的列表项。这是一个小提琴:

http://jsfiddle.net/NRkwx/

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

我怎样才能更新可放置区域?我应该删除可删除项并将其添加到可排序更改上吗?

I'm making a UI that involves sortables, in which there are droppable list items. Here's a fiddle of it:

http://jsfiddle.net/NRkwx/

The problem is this: when you start sorting, and move the list item around, the droppables move too, but the area that they are droppable to doesn't. You can see it by moving some list items. You'll notice, that if e.g. the droppable moves one step up, you can drop to it from its original position, not from where it actually resides.

How could I update the droppable area? Should I remove the droppable and add it on sortable change?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

甜心小果奶 2024-12-26 14:27:59

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

Solution found! I was going through the jQuery UI source, and found this:

//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);

Then I added this option to my sortable:

refreshPositions: true
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文