eventClick with lightBox？

Question

如何在eventClick中打开lightBox，我需要在事件中点击一个lightBox。

谢谢！

Answer 1

我实际上最终使用了fancybox，而我设法让它工作的方式是使用 eventAfterRender 来绑定它。我没有对 eventClick 做任何事情来阻止网址关注，我认为fancybox负责这一点。当我在 eventClick 中执行相同的连接时，它不起作用，因此您可能希望在灯箱中使用此示例，并查看它是否也适用于您。这是我所做的相关部分。干杯！

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

Answer 2

eventClick文档位于此处：http://arshaw.com/fullcalendar/docs/mouse/eventClick/

在eventClick函数中，您将编写代码以显示您的lightBox。你有任何具体问题吗？你的问题非常笼统。

Answer 3

我无法让它正常工作。每次我点击任何链接，而不仅仅是事件，它都会显示一个灯箱。我最终使用事件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'
        }
    ]
});