fullcalendar.io-在内存中举行事件

Question

我相信JavaScript正在Memmory举行活动，但我无法弄清楚何处以及如何绕过它。也许你们可以帮忙。我创建了一个JSFIDDLE来证明问题

jsfiddle

因此，当您更新一个事件时，它会发生。然后，您转到另一个事件去更新该事件。它将旧事件带入了新事件。改变起点和结尾以及一切。第一个事件更新正常。

单击事件时。这些功能被触发。

function eventClick(calEvent){
    $('#edit-event-title').val(calEvent.code);
    $('#edit-event-description').val(calEvent.description);
    $('#event-start-edit-dpick').data('DateTimePicker').date(calEvent.start).format('YYYY-MM-DD');
    $('#event-start-time-edit-dpick').data('DateTimePicker').date(calEvent.start).format('HH:mm');
    $('#event-end-edit-dpick').data('DateTimePicker').date(calEvent.end).format('YYYY-MM-DD');
    $('#event-end-time-edit-dpick').data('DateTimePicker').date(calEvent.end).format('HH:mm');
    $('#fc_edit').click();
}

function createUpdateEvent(calEvent, create) {
        //create event
        if(create){
            // create the event
        } else {
            $(".antosubmit2").on("click", function() {
                calEvent.code = $("#edit-event-title").val();
                calEvent.title = $("#edit-event-title option:selected").html();
                calEvent.description = $("#edit-event-description").val();
                calEvent.start = moment($('#event-start-edit-dpick').data('DateTimePicker').date().format('YYYY-MM-DD') + ' ' +
                $('#event-start-time-edit-dpick').data('DateTimePicker').date().format('HH:mm') +
                $('#event-start-edit-dpick').data('DateTimePicker').date().format('Z'));
                calEvent.end = moment($('#event-end-edit-dpick').data('DateTimePicker').date().format('YYYY-MM-DD') + ' ' +
                $('#event-end-time-edit-dpick').data('DateTimePicker').date().format('HH:mm') +
                $('#event-end-edit-dpick').data('DateTimePicker').date().format('Z'));
                calendar.fullCalendar('updateEvent', calEvent);
                $('.antoclose').click();
            });
        }
    }
function recalcHeaderHours(event){
        var currentday = moment(event.start).format("YYYY-MM-DD");
        if (event.totalHours > 0) {
            var prev = $("#dailytotal-"+currentday).text() || 0;
            $("#dailytotal-"+currentday).text(+prev + +event.totalHours);
        }
    }

我希望你们能提供帮助。感谢您的时间:)

Answer 1

我解决了您的问题。问题在于，您将单击事件放在第83行中的" .antosubmit2"中。在第一个事件打开时，将在此类中单击1个，但是在2上，将有1个单击。如果您仅开放一个事件2次，那将是没有问题的。但是，您可以在第二个开放的不同事件上进行，上面有2个点击火。新添加的单击使用正确的数据，但是第一个单击使用第一个事件数据。我想这是你的问题。第一次点击应与" .antosubmit2"绑架。尝试这样修改您的代码：

function createUpdateEvent(calEvent, create) {
    //create event
    if(create){
        // create the event
    } else {
        $(".antosubmit2").unbind('click');
        $(".antosubmit2").on("click", function() {...

您看到" unbind('click'("行，将其添加到代码中，并且将有效。