带有克隆到垃圾箱而不是移动到垃圾箱选项的 jQuery Droppable 照片管理器

Question

能否请您指导我修改可放置照片管理器示例的正确路径？我想将图像从图库部分克隆到垃圾箱，而不是将图像从图库移动到垃圾箱。它现在正在执行剪切和粘贴。我想要的是复制和粘贴。我正在使用 jQueryUI 1.10.2

http://jqueryui.com/droppable/#photo-manager

jQuery UI（购物车）几乎具有此功能，但没有 DELETE 和 RECYCLE 选项。

http://jqueryui.com/droppable/#shopping-cart

Answer 1

更改deleteImage 代码以不移动可放置元素，而是克隆它并将其移至“垃圾箱”，但我猜您需要将其命名为deleteImage 以外的其他名称

function deleteImage( $item ) {
    var $list = $( "ul", $trash ).length ?
      $( "ul", $trash ) :
      $( "<ul class='gallery ui-helper-reset'/>" ).appendTo( $trash ),
      $clone = $item.clone();

    $clone.find( "a.ui-icon-trash" ).remove();
    $clone.append( recycle_icon ).hide().appendTo( $list ).fadeIn(function() {
      $clone
        .animate({ width: "48px" })
        .find( "img" )
          .animate({ height: "36px" });
    });
}