jQuery拖动时可拖动的克隆大小

我正在开发一个拖放应用程序。我有一个可放下的容器和可拖动的

$( "#dragshock" ).draggable( 
    {
        helper: "clone",
        cursor: 'move',
        drag: resizeContainer
    }
);

drag调用的函数如下所示：

function resizeContainer(e, ui) {
    var defaultSize = 108;
    var factor = ((ui.position.top)/19);
    var correcteSize = defaultSize + factor;
    $(this).width(correcteSize);
}

$("#selectedpicture").droppable({
    drop: function (event, ui) {
        var $canvas = $(this);
        if (!ui.draggable.hasClass('canvas-element')) {
            var $canvasElement = ui.draggable.clone();
            $canvasElement.addClass('canvas-element');
            $canvasElement.draggable({
                containment: '#geselecteerdefoto'
            });
            $canvas.append($canvasElement);
            var defaultSize = 108;formaat
            var factor = ((ui.position.top)/19);
            var correcteSize = defaultSize + factor;
            var imgSize = correcteSize;

            $canvasElement.css({
                left: (ui.position.left),
                top: (ui.position.top),
                width: imgSize,
                position: 'absolute'
            });
        }
    }
});

可拖放容器上的函数如下所示：

function resizeContainer(e, ui) {
    var defaultSize = 108;
    var factor = ((ui.position.top)/19);
    var correcteSize = defaultSize + factor;
    $(this).width(correcteSize);
}

$("#selectedpicture").droppable({
    drop: function (event, ui) {
        var $canvas = $(this);
        if (!ui.draggable.hasClass('canvas-element')) {
            var $canvasElement = ui.draggable.clone();
            $canvasElement.addClass('canvas-element');
            $canvasElement.draggable({
                containment: '#geselecteerdefoto'
            });
            $canvas.append($canvasElement);
            var defaultSize = 108;formaat
            var factor = ((ui.position.top)/19);
            var correcteSize = defaultSize + factor;
            var imgSize = correcteSize;

            $canvasElement.css({
                left: (ui.position.left),
                top: (ui.position.top),
                width: imgSize,
                position: 'absolute'
            });
        }
    }
});

此时，可拖动文件中的“drag:resizeContainer”行会导致拖动的容器在拖动时调整大小，而不是鼠标指针后面的克隆

不过，我想实现的是，在拖动时，对象allready在容器内向下拖动时会在视觉上调整大小。放置时，应保持该大小

---

我找到了解决办法。这比我想的容易

将resizeContainer内的$（this）.width（correctedSize）行替换为

$(ui.helper).width(correcteSize);

我把小提琴改成正确的，以备将来参考