Перетаскивание Angularjs fullcalendar - предотвратить возврат анимации после удаления

Я перетаскиваю событие fullcalendar во внешний div, чтобы удалить событие. Существует перетаскиваемая анимация, которая возвращает элемент обратно в календарь, который я хочу предотвратить. Есть ли способ предотвратить эту анимацию?

Удаление использует eventDragStop:

$scope.calendarOptions = {
 calendar: {
  ...
  eventDragStop: function(event,jsEvent) {
    var trashEl = jQuery('#calendar_trash');
    var ofs = trashEl.offset();
    var x1 = ofs.left;
    var x2 = ofs.left + trashEl.outerWidth(true);
    var y1 = ofs.top;
    var y2 = ofs.top + trashEl.outerHeight(true);
    if (jsEvent.pageX >= x1 && jsEvent.pageX<= x2 &&
        jsEvent.pageY >= y1 && jsEvent.pageY <= y2) {
             uiCalendarConfig.calendars.myCalendar.fullCalendar('removeEvents', event._id);
    }
 },
...
}

Я вижу, что отключение анимации - это один из вариантов с помощью dragRevertDuration... но я бы предпочел отменить возврат, поскольку анимация возврата должна отображаться при перетаскивании в любое место, кроме корзины.

$scope.calendarOptions = {
 calendar: {
  ...
  dragRevertDuration: 0,
  ...
 }
}

Демо-версия:

http://plnkr.co/edit/fj858Htb2FRUg5h1pucP?p=preview

Я использую Angular-UI-календарь.

0 ответов

Другие вопросы по тегам