我将全日历事件拖到外部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-calendar。