如何使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"
});