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