如何使 jQuery 可拖动对象实际捕捉到相同大小的可拖放对象答案

【问题标题】：How to make a jQuery draggable actually snap to an equally sized droppable如何使 jQuery 可拖动对象实际捕捉到相同大小的可拖放对象
【发布时间】：2011-09-12 08:25:20
【问题描述】：

我使用 jquery-ui 正确设置了可拖动和可放置的设置。它们的大小相同，因此可拖动对象应该很好地适合可放置对象。有什么办法可以让可拖动的卡在可放置的中间以完全覆盖它？如果我使用 snap: 参数，它似乎只是捕捉到边缘，而不一定捕捉到 droppable 的中间。

【问题讨论】：

定义middle。你检查了spanMode 选项吗？
中间我的意思是如果我有 2 个大小完全相同的对象，我希望可拖动的对象捕捉到完全遮盖可放置对象。 snapMode: 'inner' 有一点帮助，但它仍然可以捕捉到不居中。
返回示例代码。
这家伙居然解决了问题：forum.jquery.com/topic/… snap: 'corner'

标签： javascript jquery jquery-ui draggable droppable

【解决方案1】：

这会不会做这项工作，给或拿一个像素：

    drop: function(event, ui) { 
    $(ui.draggable).offset($(this).offset());
    }

【讨论】：

【解决方案2】：

或者由于您已经在使用 jQuery UI，所以有 position 方法

drop: function(event, ui) { 
  ui.draggable.position({of: $(this)});
}

【讨论】：