Javascript Jquery可拖放演示帮助

我正在测试Jquery可拖放照片管理器演示：

当前，当照片被删除时，它将被移动到垃圾箱。我如何让它复制图像并将其移动到垃圾箱，使其在两个位置都出现

代码如下：

<script type="text/javascript">
        $(function() {
            // there's the gallery and the trash
            var $gallery = $('#gallery'), $trash = $('#trash');

            // let the gallery items be draggable
            $('li',$gallery).draggable({
                cancel: 'a.ui-icon',// clicking an icon won't initiate dragging
                revert: 'invalid', // when not dropped, the item will revert back to its initial position
                containment: $('#demo-frame').length ? '#demo-frame' : 'document', // stick to demo-frame if present
                helper: 'clone',
                cursor: 'move'
            });

            // let the trash be droppable, accepting the gallery items
            $trash.droppable({
                accept: '#gallery > li',
                activeClass: 'ui-state-highlight',
                drop: function(ev, ui) {
                    deleteImage(ui.draggable);
                }
            });

            // let the gallery be droppable as well, accepting items from the trash
            $gallery.droppable({
                accept: '#trash li',
                activeClass: 'custom-state-active',
                drop: function(ev, ui) {
                    recycleImage(ui.draggable);
                }
            });

            // image deletion function
            var recycle_icon = '<a href="link/to/recycle/script/when/we/have/js/off" title="Recycle this image" class="ui-icon ui-icon-refresh">Recycle image</a>';
            function deleteImage($item) {
                $item.fadeOut(function() {
                    var $list = $('ul',$trash).length ? $('ul',$trash) : $('<ul class="gallery ui-helper-reset"/>').appendTo($trash);

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

            // image recycle function
            var trash_icon = '<a href="link/to/trash/script/when/we/have/js/off" title="Delete this image" class="ui-icon ui-icon-trash">Delete image</a>';
            function recycleImage($item) {
                $item.fadeOut(function() {
                    $item.find('a.ui-icon-refresh').remove();
                    $item.css('width','96px').append(trash_icon).find('img').css('height','72px').end().appendTo($gallery).fadeIn();
                });
            }

            // image preview function, demonstrating the ui.dialog used as a modal window
            function viewLargerImage($link) {
                var src = $link.attr('href');
                var title = $link.siblings('img').attr('alt');
                var $modal = $('img[src$="'+src+'"]');

                if ($modal.length) {
                    $modal.dialog('open')
                } else {
                    var img = $('<img alt="'+title+'" width="384" height="288" style="display:none;padding: 8px;" />')
                        .attr('src',src).appendTo('body');
                    setTimeout(function() {
                        img.dialog({
                                title: title,
                                width: 400,
                                modal: true
                            });
                    }, 1);
                }
            }

            // resolve the icons behavior with event delegation
            $('ul.gallery > li').click(function(ev) {
                var $item = $(this);
                var $target = $(ev.target);

                if ($target.is('a.ui-icon-trash')) {
                    deleteImage($item);
                } else if ($target.is('a.ui-icon-zoomin')) {
                    viewLargerImage($target);
                } else if ($target.is('a.ui-icon-refresh')) {
                    recycleImage($item);
                }

                return false;
            });
        });
    </script>

$（函数（）{
//有画廊和垃圾桶
变量$gallery=$（“#gallery”），$trash=$（“#trash”）；
//让库项目可以拖动
$（'li'，$gallery）.可拖动({
取消：“a.ui-icon”，//单击图标不会启动拖动
revert:'无效'，//未删除时，项目将还原回其初始位置
包含：$（“#演示帧”）。长度？“#演示帧”：“文档”//如果存在演示帧，请坚持使用
助手：“克隆”，
光标：“移动”
});
//让垃圾可以放下，接受画廊的物品
$trash.dropable({
接受：“#画廊>李”，
activeClass:“ui状态突出显示”，
下拉：功能（ev、ui）{
deleteImage（ui.draggable）；
}
});
//让画廊也可以放下，接受垃圾中的物品
$gallery.droppable({
接受：“#垃圾李”，
activeClass:“自定义活动状态”，
下拉：功能（ev、ui）{
可回收图像（ui.Dragable）；
}
});
//图像删除功能
变量循环_图标=“”；
函数deleteImage（$item）{
$item.fadeOut（函数（）{
var$list=$（'ul'，$trash）.length？$（'ul'，$trash）：$（'ul class=“gallery ui helper reset”/>）.appendTo（$trash）；
$item.find（'a.ui-icon-trash'）.remove（）；
$item.append（回收图标）.appendTo（$list）.fadeIn（函数（）{
$item.animate（{width:'48px'}）.find（'img'）.animate（{height:'36px'}）；
});
});
}
//图像循环功能
var trash_图标=“”；
功能回收年龄（$item）{
$item.fadeOut（函数（）{
$item.find（'a.ui-icon-refresh'）.remove（）；
$item.css（'width'，'96px'）。append（垃圾箱图标）。find（'img'）。css（'height'，'72px'）。end（）。appendo（$gallery）。fadeIn（）；
});
}
//图像预览功能，演示用作模式窗口的ui.dialog
函数viewLargerImage（$link）{
var src=$link.attr（'href'）；
var title=$link.sibbins（'img'）.attr（'alt'）；
var$modal=$（'img[src$=''+src+''']'）；
如果（$modal.length）{
$modal.dialog（‘打开’）
}否则{
变量img=$（'li'）。单击（函数（ev）{
变量$item=$（此项）；
变量$target=$（ev.target）；
如果（$target.is（'a.ui-icon-trash'））{
删除图像（项目）；
}else if（$target.is（'a.ui-icon-zoomin'））{
viewLargerImage（$target）；
}else if（$target.is（'a.ui-icon-refresh'））{
回收年龄（项目）；
}
返回false；
});
});

重写

函数deleteImage（$item）

，使其不会从原始列表中删除元素