可拖放 可拖动 附加到位置

Question

当我将可拖动的 div 拖放到拖放区时，它会移到左上角。然后再往下走。

我需要它，所以如果我将它放在放置区的中间，那么它会在我离开时附加。 所以我正在尝试使用位置并设置 css 但它不起作用

这是我的 js

$('.tab-list img').draggable({
        helper: "clone"
    });

    $('#main').droppable({
        drop:function(event, ui) {
            var item = $(ui.draggable);

            var add;
            if(item.data('itemstate') == 'rectangle'){
                add = '<div class="pi-rectangle"></div>';
            }
            $(add).css('left', ui.position.left);
            $(add).css('top', ui.position.top);
            console.log(ui.position.top);
            console.log(ui.position.left);
            $(add).appendTo(this);
        }
    });

Answer 1

我还是想通了

$(add).css('left', ui.position.left-80+'px').css('top', ui.position.top-80+'px').appendTo(this);