将事件从FullCalendar拖到jQuery UI droppable div?

时间:2014-09-30 18:17:14

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

所以我刚刚将FullCalendar中的客户端更新为1.6.4到最新的2.1.1,问题是从FullCalendar中删除了jquery UI集成,我有一些自定义代码将事件从FullCalendar拖到外部可放置的div在旧版本中因为jquery ui启动的事件可以拖动我猜,但是使用最新版本拖动的元素不会被jquery UI droppable div识别为有效的draggable / droppable元素。

现在我可以通过加载jquery ui draggable和调用$('.fc-event').draggable()来解决这个问题,现在droppable div将被droppable div识别为可接受的可放置项目但是现在拖放日历上的事件搞砸了因为如果我们将事件从一天移动到另一天然后事件eventDrop应该触发,而是因为事件用jquery ui draggable初始化并且日历也接受jquery ui可拖动元素,{{1}而事件被触发了。

所以现在我不确定最简单的方法来解决这个问题......

理想情况下,我希望保持fullcalendar的方式,并以某种方式将jquery ui droppable识别的日历事件作为有效的droppables。

1 个答案:

答案 0 :(得分:0)

我遇到了与fullcalendar相同的问题。当我试图将事件拖到垃圾箱(div之外)时,我认为最简单的方法是使用此解决方案。

Remove Elements from fullcalendar (by dragging to trash can)

我会继续研究,以了解为什么来自日历的事件无法被droppable识别,但我在上面的链接中提出的解决方案中做了一些调整,它对我来说很好。

如果我是你,我会采取这种方式解决与将事件日历拖到外部div相关的任何问题。