javascript - jQuery UI droppables - 改变被丢弃的图像

Question

我正在使用jQuery UI 的 droppables并且想知道使丢弃的克隆使用与IMG SRC被丢弃的项目不同的最佳方法是什么。

在那里的照片管理器演示中，缩略图被放入相同大小的插槽中。我想将一个大图像放到一个小插槽中，因此我需要它的克隆来使用我的缩略图而不是完整图像。

有关处理此问题的最佳方法的任何建议？

Answer 1

droppable API 在其选项中接受“drop”回调。使用它来更改图像的 src，例如：

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