Question

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

由于某种原因，jQuery droppable不能处理那些绝对的div。

有些人可以告诉我我的代码有什么问题吗？

我创建了一个jsfiddle here来显示我当前的代码。

这是jQuery的一部分。

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

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

Answer 1

似乎工作正常，试试这个

$(".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"
});

jQuery droppable不支持绝对定位

1 个答案: