jquery - 带厚框的完整日历

Question

有没有人有幸让 FullCalendar 与 jQuery 的 ThickBox 一起工作？

当有人单击 FullCalendar 事件时，我希望将事件详细信息打开到厚框窗口中。

知道如何让他们一起工作吗？

Answer 1

b/c fullcalendar 在文档准备好后动态创建那些，thickbox 无法将自己的事件附加到它，所以它不起作用。您需要使用 tb_init 函数明确告诉thickbox 将其事件附加到eventRender ( http://arshaw.com/fullcalendar/docs/event_rendering/eventRender/ ) 中（thickbox 并没有真正记录）。像这样的东西应该工作：

$('#calendar').fullCalendar({
   eventRender: function(event, element) {
      tb_init(element);
   }  
});

希望这可以帮助

Answer 2

谢谢，这有点奏效，或者至少让我指出了正确的方向。

我需要做的就是通过在日历关闭“});”之后放置以下代码行来初始化 ThickBox...

TB_init();

$(document).ready(function(){
    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();
    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay',
            firstHour: '6',
            minTime: '6',
            maxTime: '20'               
        },
        editable: false,
        events: [
            {
                title: 'All Day Event',
                start: new Date(y, m, 1)
            }       
    });
    TB_init();
});