可拖动的可拖动附加到位置

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