FullCalendar - 删除/调整大小事件的弹出框确认答案

【问题标题】：FullCalendar - Popover confirmation on drop/resize eventFullCalendar - 删除/调整大小事件的弹出框确认
【发布时间】：2017-05-17 08:29:59
【问题描述】：

当 fc 事件被调整大小或放置在某处时，我试图显示 Popover Confirmation，但我无法从 jsEvent 对象中获取目标元素。

当触发事件（放置或调整大小）时，这就是我的想法：

function dropHandler( event, delta, revertFunc, jsEvent, ui, view ) {
    $(jsEvent.target).confirmation({
        title: 'Are you sure?',
        container: 'body'
    });
    $(jsEvent.target).confirmation('show');
}

嗯，jsEvent.target 不是我唯一的尝试，而是最后一次（不成功）。

查看JSFiddle demo 获取完整代码。

【问题讨论】：

标签： jquery twitter-bootstrap fullcalendar bootstrap-popover

【解决方案1】：

由于您使用的是Bootstrap Confirmation，并且由于fullcalendar事件有一个className，您可以在创建事件时将className设置为事件的id。但是确认对话框会在拖动的旧位置弹出事件。

或者您可以创建一个具有特定 id 的 div 以在其中显示确认。

我建议在你的 dropHandler 函数中使用通常的 js 确认，如下所示：

function dropHandler( event, delta, revertFunc, jsEvent, ui, view ) {

    var result = confirm("Are you sure?");  

    if (!result) {
        revertFunc();
    }   
};

希望对你有帮助

【讨论】：

一开始我用confirm()，但是用户必须用光标来回移动，这样在处理大量事件时会浪费时间。
Bootstrap Confirmation 将在事件的旧位置弹出，
每次，在放置或调整大小之后，eventRender() 都会被调用，它会处理 DOM 上的结果元素，所以这让我认为有一种方法可以显示弹出窗口最终位置。