FullCalendar: как открыть сведения о событии в Colorbox? - PullRequest
Новая
       16

FullCalendar: как открыть сведения о событии в Colorbox?

0 голосов
/ 18 февраля 2012

Я создал полный календарь jquery, извлекая канал из календаря Google, и хотел бы открыть сведения о событии в палитре. До сих пор я совершенно растерялся относительно того, как этого добиться, и ищу помощи. Все, что я пробовал до сих пор, приводит к тому, что календарь вообще не появляется, поэтому есть определенная проблема. Вот последний код, который я пробовал: 

<script>
        $(document).ready(function() {
            $('#calendar').fullCalendar({
                events: {
                url: 'my feed url'
                }
                eventAfterRender: function(event, element, view ) { 
                    if(event.url) {
                        $('a',$(element)).colorbox({
                            type: 'ajax'
                        });
                    }                    
                }
            })

        });
</script>

Не думаю, что я полностью понимаю, что происходит с информацией о событиях в fullcalendar; так что если кто-то может предоставить рабочий код, с которым я могу связываться, я был бы признателен. Заранее большое спасибо за любую помощь!

1 Ответ

1 голос
/ 20 февраля 2012

Просто добавьте свойство eventClick при инициализации объекта fullcalendar и вызовите colorbox внутри, 

$('#calendar').fullCalendar({
  editable: true,
  eventClick: function(calEvent, jsEvent, view) {
    $.colorbox({html:"<h1>"+calEvent.title+"</h1><br><p>"+calEvent.start+" TO "+calEvent.end+"</p>"});
  },
  events: [
            {
          title: 'All Day Event',
          start: new Date(y, m, 1)
        },
        {
          title: 'Long Event',
          start: new Date(y, m, d-5),
          end: new Date(y, m, d-2)
            }
          ]
});

Это очень простой пример.Вы можете расширить его в соответствии с вашими требованиями.Надеюсь, это поможет.

...