Полный календарь: почему календарь появляется дважды на странице?

Question

Я использую Fullcalendar для jQuery, и по какой-то причине календарь появляется на странице дважды. Это не вопрос наличия двух экземпляров fullcalendar на одной странице.

Скорее, внизу первого календаря, есть второй идентичный календарь.

Я подтвердил, что на моей странице только один div #calendar, поэтому ошибка как-то связана с моим .js, который вызывает fullcalendar.js, я полагаю.

Любая помощь высоко ценится.

JS код:

jQuery('#calendar').fullCalendar({


        year: jQuery.today.getFullYear(),
        month: jQuery.today.getMonth(),
        date: jQuery.today.getDate(),
        theme: true,
        contentHeight: 1000,
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        defaultView: 'agendaDay',
        dayClick: function(date, allDay, jsEvent, view) {
                           // a lot of custom code
                    }
            });

HTML:

<table><tr><td valign="top" width="700px"><div id="calendar"></div></td></tr></table>

Другой вызов fullcalendar в javascript (это помещает указатель даты в div слева от #calendar div на той же странице):

jQuery('#datepicker_for_calendar').datepicker({
          defaultDate: jQuery.today,
          minDate: jQuery.startDate,
          maxDate: jQuery.endDate,
          inline: true,
          showButtonPanel: true,
          onSelect: function(dateText, inst) {
              var d = new Date(dateText);
              jQuery('#calendar').fullCalendar('gotoDate', d);
              selectedDate = d;
          }
      });

Answer 1

Добавить a.html(''); к функции f() в минимизированной версии.
У меня была открыта моя в диалоговом окне, каждый раз, когда я нажимал кнопку, чтобы открыть, был другой календарь.
После небольшого количествачитая, я нашел способ использовать - .fullCalendar('destroy') - таким образом, вам не нужно редактировать плагин.
Теперь, после закрытия диалога и повторного открытия, появляется только один календарь.

Answer 2

Недавно я столкнулся с той же проблемой и попробовал плагин jQuery Once (), который у меня не работал. Однако я повторно загрузил не минимизированный источник и в методе initialRender добавил следующую строку в качестве первой строки метода, и это разрешило мой дублированный метод календаря.

element.html('');

Полагаю, моя проблема возникла из-за того, что я повторно инициализировал календарь в раскрывающемся списке без обновления страницы. Похоже, что код js постоянно добавлял календарь в существующий элемент div без очистки существующего календаря. .

Answer 3

Хорошо, после долгой недели тестирования на наличие ошибок, я нашел этот плагин jQuery:

Once ()

http://plugins.jquery.com/project/once

После применения к #calendardiv перед .fullcalendar, проблема решена, отображается только один календарь.

Рабочий код:

jQuery('#calendar').once('calendar').fullCalendar({

...})

Answer 4

Это должно сделать этот трюк http://api.jquery.com/one.

Так сродни @netefficacy (используя один вместо один раз ):

$('#calendar').one('calendar').fullCalendar({...})