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'); 
     } 
    });