jqueryUI 可放置的“drop” 函数在“over”时触发 仅当我的可拖动对象上有一个“connectToSortable”时 选项集

发布于 2024-07-25 18:35:05 字数 595 浏览 9 评论 0原文

可以在 http://designvictim.com/jqueryui/index.html 上查看代码

您 我正在尝试制作类似于小部件拖放的东西 WordPress。

我已经非常接近我们想要完成的目标,但我们想要 当您将项目拖出“放置区域”并放置时能够 它在外面然后它会擦除自身并发送一个 Ajax 调用 与更新的内容。 这就是为什么我让 #body 可删除。 此外,如果您开始从模块列拖动到其中一个拖放 我希望它在丢弃之前可以直接排序,我是 能够通过“connectToSortable:'.moduleContainer'”来完成此操作 但现在每次我从模块容器中的一个项目开始并且 开始拖动并将鼠标悬停在一个放置区域上,然后继续拖动到另一个放置区域 一, $('#body').droppable() 的 drop 函数触发 令我难以置信!

我希望这是我的一些笨拙的编码而不是 jqueryUI 的错误。 预先感谢您的任何帮助,我希望我能清楚地说明这一点 问题。

You can see the code on http://designvictim.com/jqueryui/index.html

I'm trying to make something similar to the widget drag and drop from
Wordpress.

I've gotten pretty close to what we wanted to accomplish but we wanted
to be able to when you drag a item out of the "Drop Area's" and drop
it outside then it would erase itself and send of course an Ajax call
with the updated contents. That is why i made the #body droppable.
Also if you start a drag from the Module Column to one of the drop
areas i wanted it to be sortable directly before dropping it and i was
able to accomplish this with "connectToSortable: '.moduleContainer' "
but now every time i start with an item from the module container and
start dragging and hover one of the drop areas and continue to another
one, the drop function of the $('#body').droppable() fires which
boggles my mind!

I hope its some clumsy coding of mine and not a bug of jqueryUI.
Thanks in advance for any help and i hope i made myself clear on the
problem.

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

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

发布评论

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

评论(1

美人迟暮 2024-08-01 18:35:05

想办法!

我将 .moduleContainer 设置为可删除可排序,但你不应该这样做。 当您将组设置为可排序时,它会自动变为可删除。 但我在 jQuery UI 文档中找不到此信息。

Figure it out!

I made my .moduleContainer droppable and sortable and you shouldn't do that. Automatically when you make a group sortable it becomes droppable. I couldn't find this information anywhere in the jQuery UI documentation though.

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