如何使jQuery UI droppable hoverClass只能使用可拖動？

Question

我有一個排序和投擲的清單，和一個單獨的一套拖拽元素的：

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

我申請懸停類的droppables：

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

懸停應該是一個視覺提示對於用戶來說，告訴他一個可拖動的可拖放到可拖放的位置。

問題在於，懸停類也適用於可排序元素懸停的情況。在這種情況下，視覺提示是完全錯誤的。

下面是說明這一問題的小提琴（拖拖拽元素在sortables，重新排序sortables）：http://jsfiddle.net/TWXeH/

如何使懸停類的工作，只有當有一個可拖動在可投放，但與sortables？

Answer 1

您正在尋找的接受選項

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