FullCalendar:如何在Colorbox中打开事件详细信息

Question

我创建了一个jquery fullcalendar，从谷歌日历中提取提要，并希望在颜色框中打开事件详细信息。到目前为止，我完全不知道如何实现这一目标，正在寻求帮助。到目前为止，我所尝试的一切都导致日历根本没有出现，所以显然存在问题。这是我尝试过的最新代码：

<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的活动信息是怎么回事；因此，如果有人能提供一个我可以处理的工作代码，我将不胜感激。提前感谢您的帮助！

Answer 1

只需在初始化fullcalendar对象时添加eventClick属性，并在中调用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)
            }
          ]
});

这是一个非常基本的例子。您可以根据自己的需求进行扩展。希望能有所帮助。