可拖放追加位置

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