fullcalendar - eventClick で lightBox を使用しますか?

Question

eventClick で lightBox を開く方法は、イベントでクリックしたときに lightBox を初期化する必要があります。

ありがとう！！

Answer 1

私は実際にfancyboxを使用することになり、それを機能させる方法は、eventAfterRenderを使用してバインドすることでした。URLのフォローを防ぐために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関数内で、ライトボックスを表示するコードを記述します。特定の問題がありますか？あなたの質問は非常に一般的です。

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'
        }
    ]
});