javascript - jQuery 可拖动和负 css 左

Question

我正在使用 jQuery UI Draggable 和 Droppable：情况如下： 1. 我们有一个带有“小部件”的 div（就像 android 手机上的小部件）。2. 我们有第二个 div，小部件应该被删除。

问题是，第二个 div （我们可以从第一个 div 删除小部件的地方）可能有一个负 css 左值（这是因为第二个 div 上有一个轮播）。当我试图在第二个 div 上放置一些东西时，它有 fe left = -200px，帮助器位于距离光标 200px 的位置。左值较大的地方，助手可以在屏幕之外。）。有什么建议吗？

Answer 1

这是你要找的吗？

$('#drawer .tile').draggable({
    appendTo: '#tiles-container',
    zIndex: 10000
});

$('.socket').droppable({
    accept: '.tile',
    drop: function(){
        alert('dropped!');
    }
});

当您设置containment:'#tiles-container'可拖动助手时，将继承左偏移。