为添加的事件制作动画，但不为删除的事件制作

Question

我正在使用FullCalendar在我的应用程序上显示一些事件。当日历上添加一些事件时，我想使用animate.css中的一些css动画。为此，我转到完整日历：

eventRender: function(ev,elm){
    $(elm).addClass("animated bounce");                
}

这场比赛跳得很漂亮。问题是，每次拖动事件时，都会为每个事件调用eventRender，所以当我拖动特定事件时，所有其他事件也会反弹：/事实上，我希望只有在第一次加载事件时才能为其设置动画，而不是在拖放时。所以，既然eventRender不知道他为什么要重新渲染所有事件，有没有其他方法可以动画化它们？

下面是一个显示问题的示例：http://jsfiddle.net/5H2CS/

Answer 1

我花了一点时间才弄清楚这一点，因为我已经很久没有使用fullcalendar了，但这里有一些您可以使用的东西：http://jsfiddle.net/5H2CS/12/

// track whether the element has been dropped inside the event fetcher:
...
  var eventObject = {
            title: $.trim($(this).text()), // use the element's text as the event title
            dropped: 0
        };
...
// in the renderer callback: if event has not been dropped yet, animate it
// and then, set the dropped status to 1
eventRender: function(e, elm){
            if (e.dropped == 0) {
               $(elm).addClass("animated bounce");
               e.dropped = 1;
            }
        },
...

像符咒一样工作：）