jQuery UIドラッグアンドドロップ入力フィールドの内容

Question

航空機のロードマスターがいくつかの個々のパレットポジションにウェイトを入力するアプリケーションで動作します。パレットが置かれた場所を変更する必要があることが多いので、パレットをある位置から別の位置にドラッグアンドドロップできるように修正しようとしています。

入力フィールドを直接処理するのではなく、各入力フィールドの横に「[]」をつけてハンドルとして使用することを選択しました。各ハンドル要素はclass = 'drag1'です。以下のコードを考える：

alert($('.drag1').length); 
$('.drag1').draggable({helper:'clone'}); 
$('.drag1').droppable({ 
    drop: alert('here') 
}); 

ページのロード、最初の警告が正しくパレット位置（74）の正しい数を報告した後、私はすぐに一度だけ「ここでは」第二のアラートを取得します。

私が望んでいたのは、私が何かをする前に落としたときにだけ、2番目の警告を得るということでした。

"[]"のクローンが動き回ることでドラッグが機能していますが、別の "[]"にドロップすると何も起こりません。

質問：ドラッグがドロップされたときではなく、ページが読み込まれるときにドロップが発生するのはなぜですか？

おそらく、私は要素をドラッグ可能かつドロップ可能にすることはできませんか？

アイデアをお待ちしております。

テリーLiittschwager

Answer 1

あなたは実際に警告機能を呼び出しています。代わりに、これを行ってください：

drop: function() { alert('here'); }