带厚框的完整日历答案

【问题标题】：FullCalendar with ThickBox带厚框的完整日历
【发布时间】：2010-03-15 19:32:22
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

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

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

希望对你有帮助

【讨论】：

【解决方案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();
});

【讨论】：