Javascript jQuery droppable无法在绝对定位上工作

我有一个划分为6个网格的div。这些栅格使用绝对定位进行放置

出于某种原因，jquerydroppable无法处理这些绝对div

有人能告诉我我的代码有什么问题吗

我创建了一个脚本来向您显示我的当前代码

这是jQuery部分

$(".ui-draggable").draggable({
        helper: 'clone',
        cursor: 'move',
        tolerance: 'fit',
        stack: '.ui-draggable',
        revert: "invalid"
    });

    $(".ui-droppable").droppable({
        accept: ".ui-draggable"
    });

---

它似乎很好用，试试这个

$(".ui-draggable").draggable({
    helper: 'clone',
    cursor: 'move',
    tolerance: 'fit',
    stack: '.ui-draggable',
    revert: "invalid"
});

$(".ui-droppable").droppable({
   accept: ".ui-draggable",
   drop: function( event, ui ) {
      alert('dropped');
   }
});

您将看到drop事件正确触发

你在期待一些额外的行为吗

如果您想让图片停留在您放下的地方，请使用

$(".ui-draggable").draggable({
     stack: '.ui-draggable',
     revert: "invalid"
});

---

谢谢你的回答。我试过你的密码。但有没有一种方法可以让它适应网格？到现在为止，在我拖动它之后，它会停留在任何位置。