eventClick with lightBox?

Question

Как я могу открыть lightBox в eventClick, мне нужно инициировать lightBox, когда я нажимаю в событии.

Спасибо !!

Answer 1

Я фактически использовал fancybox, и мне удалось заставить его работать, используя eventAfterRender , чтобы связать его. Мне не нужно было ничего делать с eventClick , чтобы предотвратить отслеживание URL, я думаю, fancybox позаботился об этом. Это не сработало, когда я выполнил эту же передачу в eventClick , так что вы можете последовать этому примеру с лайтбоксом и посмотреть, работает ли это и для вас. Вот соответствующая часть того, что я сделал. Ура!

$('#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 документация находится здесь: http://arshaw.com/fullcalendar/docs/mouse/eventClick/

В рамках функции eventClick вы напишите код для отображения вашего lightBox.У вас есть какие-то конкретные проблемы?Ваш вопрос очень общий.