2

ソート可能でドロップ可能なリストと、別のドラッグ可能なセットがあります。

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

ドロップ可能オブジェクトにホバー クラスを適用します。

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

ホバーは、ユーザーにとって視覚的な合図であると想定されており、ドラッグ可能なものをドロップ可能なものにドロップできることをユーザーに伝えます。

問題は、ドロップ可能要素が並べ替え可能要素によってホバーされている場合にもホバー クラスが適用されることです。この場合、視覚的な合図は完全に間違っています。

問題を説明するフィドルは次のとおりです（ドラッグ可能なものをソート可能なものの上にドラッグし、ソート可能なものを並べ替えます）：http://jsfiddle.net/TWXeH/

ドロップ可能の上にドラッグ可能がある場合にのみホバークラスを機能させるにはどうすればよいですか?

4

1 に答える 1

7

あなたは受け入れるオプションを探しています

$(".droppable").droppable({
    hoverClass: "hover",
    accept: ".draggable"
});
于 2013-03-12T23:04:06.583 に答える