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