日本語リファレンス>Interactions>Droppable|Droppable解説Draggable要素をドロップできるようにします。ドロップを受け入れるDraggable要素を指定することができます。値説明"disable"一時的にドロップ機能を無効にします。"enable"ドロップ機能を有効にします。"destroy"ドロップ機能を完全に破棄します。指定したオプションで、要素にドロップ機能を追加します。Stringなしドロップを受け入れるDraggable要素を指定します。jQueryセレクタ、もしくは関数を指定します。関数を指定した場合、第1引数には、通過中のDraggable要素が渡されます。trueを返すとその要素のドロップを受け入れます。activeClassStringなしDraggable要素がドラッグを開始したときに適用するクラス名を指定します。greedyBooleanfalsetrueを指定すると、ネストされたDroppable要素にイベントを伝播しないようにします。hoverClassStringなしDraggable要素が上に乗ったときに適用するクラス名を指定します。toleranceString"intersect"Draggable要素が上に乗ったと判定する方法を指定します。ui)なしドロップを受け入れるDraggable要素がドラッグを開始したときに呼び出されるイベントハンドラ関数を指定します。ui)なしドロップを受け入れるDraggable要素がドラッグを終了したときに呼び出されるイベントハンドラ関数を指定します。ui)なしドロップを受け入れるDraggable要素が上に乗ったときに呼び出されるイベントハンドラ関数を指定します。ui)なしドロップを受け入れるDraggable要素が上に乗り、外れたときに呼び出されるイベントハンドラ関数を指定します。ui)なしドロップされたときに呼び出されるイベントハンドラ関数を指定します。drop)には2つの引数が渡されます。第1引数には、イベントオブジェクトが渡されます。第2引数には、以下のプロパティを持ったオブジェクトが渡されます。プロパティ説明optionsDroppable要素に指定したオプションです。positionhelperオブジェクトの位置です。プロパティを持ちます。absolutePositionhelperオブジェクトの絶対位置です。プロパティを持ちます。draggableDroppable要素です。helperhelperオブジェクトです。例1:様々なオプションで、Droppableな要素を生成します。(オプションと動きを確認してください。}}).gray.blue.green.orangeOver!.pinkOver!Droppable要素に付与されるクラスDroppable要素には、状態に応じて以下のクラスが設定されます。クラス状態ui-droppableDroppable要素ui-droppable-disabledドロップ無効activeClassDraggable要素がドラッグしているとき。activeClassプロパティに指定したクラスhoverClassDraggable要素が上に乗ったとき。クラスのCSSの定義は、activeClass,hoverClassの順に行ってください。これは、jQueryが次のようにクラスを設定していることによります。hoverClassプロパティに指定したクラス"&gt;Draggable要素が上に乗ったときも、activeClassで指定したクラスが付与されている事に注目してください。cssでhoverClass,activeClassの順番で定義されていた場合、重複している項目については、hoverClassの内容をactiveClassの内容で上書きしてしまいます。