将可排序对象悬停在可放置对象上时添加突出显示动画 JQUERY

发布于 2024-09-13 05:35:39 字数 323 浏览 4 评论 0原文

我有一个可排序的称为项目的对象列表,以及一个可删除的称为类别的对象列表。我需要以某种方式做到这一点,以便当您单击可排序的项目并将其向下拖动使其悬停在可放置的类别上时,项目将进入的类别会突出显示,或概述或某种其他类型的动画。

我确信它可以通过像 add-class-on-hover-over-droppable-object 类型函数这样简单的东西来完成,但我不知道应该如何设置它。

查看一些 jQuery 文档,我发现对于可放置对象,您可以设置 over: function(), 属性,但我无法让它工作......

怎么办我需要做什么才能使这项工作成功?

I have a list of objects called projects that are sortable, and a list of objects called categories that are droppable. I need to somehow make it so that when you click on a sortable project, and drag it down so it is hovering over a droppable category, the category that the project is going to go into is highlighted, or outlined or some other kind of animation.

I am sure that it could be done by something as simple as an add-class-on-hover-over-droppable-object type function, but I don't know how it is supposed to be setup.

Looking through some of the jQuery documentation, I found out that for a droppable object, you can set an over: function(), attribute, but I couldn't get it to work...

What do I need to do to make this work?

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

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

发布评论

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

评论(1

半世晨晓 2024-09-20 05:35:39

使用hoverClass选项。 jQuery droppable 的演示之一 使用它(单击查看源代码 查看它是如何工作的)。

$("#something").droppable({
    hoverClass: 'someClassName'
});

Use the hoverClass option. One of the demos for jQuery droppable uses it (click on view source to view how it works).

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