jquery - On Drop - 从服务器克隆一个不同的节点或相应的元素

Question

在放置时（拖动后）——我如何克隆驻留在其他地方或服务器上的不同（相应）元素，即定位并克隆服务器上的不同元素

例如，在客户端，相应的图标映射到服务器元素icon_chartXY == Server side ChartXY等。

1）在左侧的浏览器中，我有代表各种图表（xy 或条形图）的小图标/图片。

2）拖动图标后，再拖放到一个较大的

克隆期间 - 如何从服务器端获取或克隆实际图表（HTML、JS），这可能是由图标表示的实际图表，还是 HTML/Js 图表？

$(function () {

    $('.menu').draggable({
        helper: 'clone'
    });

    $('#droppable1, #droppable2').droppable({
        drop: function (event, ui) {
            $(this) 
                .append(ui.helper.clone(false).css({  // clone a different element
                position: 'relative',
                left: '0px',
                top: '0px'
            }));
        }
    });

});

JS Fiddle 我走了多远