2015-11-20 3 views
0

Я новичок в полном календаре. Я загрузил все последние файлы и сделал тестовое событие, и все работает нормально. Однако, когда я добавил eventRender в код, мое событие исчезло из календаря.Почему мои полные события календаря исчезают при добавлении eventRender?

$('#calendar').fullCalendar({ 
    events: [ 
     { 
      title: 'My Event', 
      start: '2015-11-20', 
      description: 'This is a cool event' 
     } 
     // more events here 
    ], 
    eventRender: function(event, element) { 
     element.qtip({ 
      content: event.description 
     }); 
    } 
}); 

Если я удалю eventRender, событие возвращается в календарь. Что я здесь делаю неправильно?

ответ

1

Вы проверили консоль на наличие ошибок? Возможно, вы не включаете библиотеку qtip/qtip2 js и это приведет к ошибкам событий. Демонстрации: no qtip included против has qtip lib

$('#calendar').fullCalendar({ 
    events: [ 
     { 
      title: 'My Event', 
      start: '2015-11-20', 
      description: 'This is a cool event' 
     } 
     // more events here 
    ], 
    eventRender: function(event, element) { 
     element.qtip({ /* qtip is not included with fullcalendar */ 
      content: event.description 
     }); 
    } 
}); 
+0

Спасибо за помощь! Я хочу, чтобы инструкции для fullcalendar упоминали, что вам нужна специальная библиотека, когда они помещают этот пример eventRender на свой сайт. (Я попытался повысить ваш ответ, но stackoverflow не позволит мне.) Я считаю, что qtip не включен в обычную библиотеку JQuery, поэтому теперь я должен найти это где-то. Есть ли список функций eventRender, которые работают без добавления новой библиотеки? Кроме того, вы спросили, проверял ли я консоль на наличие ошибок. Где эта консоль, о которой вы говорите? –

+0

Да, в документации/примере не указано, что qtip является внешней зависимостью, к сожалению. Все, что требуется от стандартной библиотеки jQuery, должно быть доступно для использования (поскольку fullcalendar использует jQuery, он обязательно включает) http://qtip2.com для библиотеки qtip. Для доступа к консоли javascript (при условии Windows): Firefox = Инструменты-> Веб-разработчик-> Веб-консоль (Ctrl + Shift + K), Chrome = Меню-> Дополнительные инструменты-> Инструменты разработчика (Ctrl + Shift + I), Internet Explorer 10+, F12 должен открыть инструменты для разработчиков и щелкнуть вкладку «Консоль». – smcd

Смежные вопросы