3

ドキュメントはここにあります

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

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

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

Droppables.add('shopping_cart', { accept: 'products', onDrop: function(element) { $('shopping_cart_text').update('Dropped the ' + element.alt + ' on me.'); } }) ;

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

4

2 に答える 2

2

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

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

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

onDrop: function(dragged, dropped, event) {  }
于 2008-09-22T20:54:32.083 に答える
0

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

 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);
  }
});
于 2009-09-15T19:55:09.360 に答える