如何使jQuery UI droppable hoverClass只与draggables一起工作？

Question

我有一个可排序和可放置的列表,还有一组单独的可拖动:

ul.sortable
    li.droppable
    li.droppable
    li.droppable
/ul
ul
    li.draggable
    li.draggable
    li.draggable
/ul

我在droppables上应用了悬停类:

$(".droppable").droppable({ hoverClass: "hover" });

悬停应该是用户的视觉提示,告诉他可以将拖动拖放到可放置的拖放上.

问题是当一个droppable也被一个可排序的元素悬停时,也会应用悬停类.在这种情况下,视觉提示是完全错误的.

这是一个说明问题的小提琴(拖动可拖动的可拖动的,重新排序可排序的):http://jsfiddle.net/TWXeH/

如何使悬停类只在可拖放的可拖动时才能工作,而不是在可排序的情况下？

Answer 1

你正在寻找接受选项

$(".droppable").droppable({
    hoverClass: "hover",
    accept: ".draggable"
});