jquery - 如何从日历容器中释放事件以在外部容器中使用

Question

我正在尝试实现一个外部容器来保存可能被拖到日历上的计划外事件。目前，我可以将事件从外部容器拖到日历中并保留它们。但是，我无法从日历中删除事件。我希望能够通过将事件拖出日历来删除它们，但我无法让它们离开日历的边界。

简单地说，我需要能够将事件从日历中拖出，而当我离开日历的边界时，它不会消失。

我不确定问题是否涉及 z-index、包含属性或范围。

Answer 1

好吧，我已经找到了我自己问题的答案。

查看 fullcalendar.js 我发现容器 div 的位置样式会影响事件是否可以拖到其外部。所以我做了两处更改来解决这个问题。

absoluteViewElement = 
        $("<div class='fc-view fc-view-" + newViewName + "'/>")
        //+ "' style='position:absolute'/>")

这可以防止最初设置样式。然而，还有另一个地方试图再次改变位置风格。

function setSize(dateChanged) {
    ignoreWindowResize++;
    currentView.setHeight(suggestedViewHeight, dateChanged);

    if (absoluteViewElement) {
        //absoluteViewElement.css('position', 'relative');
        absoluteViewElement = null;
    }

    currentView.setWidth(content.width(), dateChanged);
    ignoreWindowResize--;
}

通过这两项更改，我已将日历的事件从日历本身中释放出来。现在，我可以自由地将事件拖到日历之外，甚至让它们与同一页面上的其他容器或其他完整日历进行交互。

我在日历旁边使用 div 来保存计划外的事件。这样，用户可以将事件拖到日历上以安排它们，或从日历中删除它们以使用拖放时调用数据库来取消安排它们。