jQuery UIドロップ可能-ドロップされた画像の変更

Question

jQuery UIのdroppablesを使用していますそして、ドロップされたクローンに、ドロップされるアイテムとは異なる IMG SRC を使用させる最良の方法は何なのか疑問に思っています。

そこのフォトマネージャーデモでは、サムネイルは同じサイズのスロットにドロップされます。大きな画像を小さなスロットにドロップしたいので、画像全体ではなくサムネイルを使用するクローンが必要です。

これを処理する最良の方法に関する提案はありますか？

Answer 1

ドロップ可能なAPIは、オプションで「ドロップ」コールバックを受け入れます。これを使用して、次のような画像のソースを変更します。

  $('#dropContainer').droppable({
       drop: function(e,ui) {
            $(ui.draggable).attr('src','/path/to/different/image');
       }
  });