eventClick with lightBox?

Question

eventClick에서 lightBox를 열려면 어떻게해야합니까? 이벤트를 클릭하면 lightBox를 초기화해야합니다.

감사합니다.

Answer 1

eventClick 문서는 여기에 있습니다 : http://arshaw.com/fullcalendar/docs/mouse/eventClick/

을 당신이 당신의 라이트 박스를 표시하는 코드를 작성하는거야 eventClick 기능 내에서. 특정 문제가 있습니까? 질문은 매우 일반적입니다.

Answer 2

실제로 fancybox를 사용하여 끝내었고 실제로 관리 할 수있는 방식으로 eventAfterRender을 사용하여 바인딩했습니다. 나는 URL을 막기 위해 eventClick에 아무 것도 할 필요가 없었다. 나는 fancybox가 그것을 돌 보았다고 생각한다. eventClick에서이 동일한 와이어를 수행했을 때 작동하지 않았으므로이 예제를 따라 라이트 박스를 따라 가면서 잘 작동하는지 확인하십시오. 여기 내가 한 일의 관련 부분이 있습니다. 건배!

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

Answer 3

제대로 작동하지 않습니다. 이벤트가 아닌 링크를 클릭 할 때마다 라이트 박스가 표시됩니다. 나는 fancybox로 설정하기 위해 className 이벤트 속성을 사용하여 끝냈고 나를 위해 일하고있다.

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

: 아래

내 코드입니다