将可拖动的附加到可放置的容器中附加到错误的容器

Question

关于draggable和droppable的问题有很多，但是标题不是很清楚，在检查了大约20个问题后，我决定在这里发布我的问题。我希望它没有完全重复...

想法是有一个droppables的“网格” (.time-slot)，类似于日历，每个小时都是一个droppable。可以在这些 droppables 上放置多个 Draggables (.allocation)。当可拖动对象被拖放到可放置对象上时，可拖动对象会附加到可放置对象，并重新定位以适合左上角。

这是按以下 jsfiddle 中的预期工作：http://jsfiddle.net/58Utc/

问题是：如果您将可拖动对象的高度更改为 300% 或更高，则可拖动对象大部分会附加到错误的元素上，并且会偏移一个。

我该如何解决这个问题？

Answer 1

看看它是否符合你的需要，将droppable的tolerance选项设置为pointer：

tolerance: 'pointer',

DEMO jsFiddle