可拖放 可拖动 附加到位置

Posted 2023-05-08

【中文标题】可拖放 可拖动 附加到位置

【英文标题】：droppable draggable append to position

【发布时间】：2014-10-03 13:15:15

【问题描述】：

当我将可拖动的 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);
        
    );

【问题讨论】：

你的问题不清楚。您是说要将被拖动的元素留在它被放置的确​​切位置吗？

你能解决你的问题吗？

是的，所以如果我把它放在中间，我希望它停在那里。目前它跳到左上角

@ScottMitchell 大约一分钟后还不到 10 分钟

@Harsh 绝对不是一分钟，但我离题了。很好

【参考方案1】：

我还是想通了

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