Scriptaculous Droppables onDrop コールバック、各要素を参照するにはどうすればよいですか?

Question

ドキュメントが見つかります ここ

例では次のように述べられています。

オンドロップ:Draggable が Droppable 上で解放され、Droppable がそれを受け入れるたびに呼び出されます。コールバックは 3 つのパラメータを取得します。ドラッグ可能な要素、ドロップ可能な要素、およびイベント。Ctrl キーや Shift キーが押されたかどうかなど、ドロップに関する追加情報を Event オブジェクトから抽出できます。

次に、いくつかのコードを提供します

droppables.add（ 'Shopping_cart'、{Accept：「製品」、オンドロップ：function（element）{$（ 'Shopping_cart_text'）。update（ '' + element.alt + 'on me。'）;}}）;

コード内で「要素」というあいまいな単語が使用されています。 私の質問は、このコールバック JavaScript 関数でドラッグ可能な要素とドロップ可能な要素を参照する方法についての良い例を持っている人はいますか?

Answer 1

ページのさらに下の例では、コールバック関数は必要なだけパラメータを受け取ることができます。

onDrop: function() { $('droppable_demo').highlight(); }

この場合、コールバック パラメータはまったく使用されていません。この目的のために、おそらく引用した段落で述べた 3 つすべてにアクセスするには、次のように定義できます。

onDrop: function(dragged, dropped, event) {  }

Answer 2

この例をドキュメントに追加しました...

 Droppables.add('shopping_cart', {
  accept: 'products',
  onDrop: function(dragged, dropped, event) {
    alert('Dragged: ' + dragged.id);
    alert('Dropped onto: ' + dropped.id);
    alert('Held ctrl key: ' + event.ctrlKey);
  }
});