javascript - jqueryUIを使用してbodyでドロップ可能なイベントを検出できません

Question

を使用してドラッグアンドドロップ機能を作成するために作成していますjquery UI。ただし、何かをドロップしたときにドロップイベントがトリガーされませんbody

これが私のデモコードです。どんな助けでもありがたいです。

http://jsfiddle.net/ysptW/1/

Answer 1

変化する

 $( "body" ).droppable({

に：

 $( "#droppable" ).droppable({

ここにjsFiddleがあります

アップデート

あなたはほとんどそれを持っていました、問題はあなたの体に高さがなかったことでした.CSSボーダーを与えることによって識別されました. を使用して高さを設定するbody{height:200px;}と、機能しました。

コメントに応じた新しいjsFiddle :

Answer 2

からコードを更新します

$("body").droppable

に

$("#droppable").droppable...

http://jsfiddle.net/anubhavranjan/yEvsY/で同じことを確認できます

詳細については、http://jqueryui.com/droppableをご覧ください。