将draggable追加到可放置的容器中会附加到错误的容器中

时间:2014-03-26 12:46:39

标签: jquery jquery-ui jquery-ui-draggable jquery-ui-droppable

关于draggable和droppable有很多问题,但标题不是那么明显,在检查了大约20个问题之后,我决定在这里发布我的问题。我希望这不是完全重复......

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

这正如以下jsfiddle所预期的那样http://jsfiddle.net/58Utc/

问题是:如果您将可拖动的高度更改为300%或更多,则可拖动的内容大部分会附加到错误的元素上,并且会被一个关闭。

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

查看它是否符合您的需求,将{drop}的tolerance选项设置为pointer

tolerance: 'pointer',

DEMO jsFiddle

相关问题