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

时间:2010-08-06 19:12:20

标签: jquery droppable jquery-ui-sortable addclass

我有一个名为可排序项目的对象列表,以及一个名为可放置类别的对象列表。我需要以某种方式使它成为当你点击一个可排序的项目并将其向下拖动以便将其悬停在一个可放置的类别上时,项目将要进入的类别会突出显示,或者勾勒出来或者其他类型的动画。

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

通过浏览一些jQuery文档,我发现对于一个可放置的对象,你可以设置一个over: function(),属性,但我无法让它工作......

我需要做些什么来完成这项工作?

1 个答案:

答案 0 :(得分:1)

使用hoverClass选项。 One of the demos for jQuery droppable使用它(点击view source查看其工作原理)。

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