jQuery UI droppables - 更改丟棄的圖像

Question

我正在與jQuery UI's droppables一起工作，我想知道使刪除的克隆使用與丟棄的項目不同的IMG SRC的最佳方式。

在那裏的照片管理器演示中，縮略圖被放入相同大小的插槽中。我想將一個大圖像放入一個小插槽，因此我需要它的克隆來使用我的縮略圖，而不是完整的圖像。

有關處理此問題的最佳方法的任何建議？

Answer 1

Droppable API在其選項中接受「drop」回調。用它來改變圖像的src，像這樣：

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