fullcalendar - eventClick 与灯箱？

Question

如何在 eventClick 中打开灯箱，我需要在单击事件时初始化灯箱。

谢谢！！

Answer 1

我实际上最终使用了 fancybox，我设法让它工作的方法是使用eventAfterRender来绑定它。我不需要对eventClick做任何事情来防止 url 跟随，我认为 fancybox 已经处理好了。当我在eventClick中执行相同的连接时它不起作用，因此您可能希望使用 lightbox 遵循此示例，看看它是否也适合您。这是我所做的相关部分。干杯!

$('#calendar').fullCalendar({
    eventAfterRender: function(event, element, view ) { 
        if(event.url) {
            $('a',$(element)).fancybox({
                type: 'ajax'
            });
        }                    
    }    
});

Answer 2

我无法让它正常工作。每次我点击任何链接时，不仅仅是事件，它都会显示一个灯箱。我最终使用事件 className 属性将其设置为 fancybox，这对我有用。

下面是我的代码：

<script type="text/javascript" src="jquery.fancybox.js?v=2.1.5"></script>
<link rel="stylesheet" type="text/css" href="jquery.fancybox.css?v=2.1.5" media="screen" />
<script type="text/javascript">
    $(document).ready(function() {
        $('.fancybox').fancybox({
            width: 1500,
            midWidth: 900,
            height : 800,
            minHeight: 600
        });
    });
</script>

$('#calendar').fullCalendar({
    events: [
        {
          id: 2,
          className: \"fancybox fancybox.iframe\",
          title: 'Event 1',
          start: new Date(2013, 7, 12),
          url: '../sample.jsp'
        }
    ]
});

Answer 3

eventClick documentation is located here: http://arshaw.com/fullcalendar/docs/mouse/eventClick/

Within the eventClick function you'll write code to display your lightBox. Are you having any specific issues? You're question is very general.