2010-03-04 38 views

回答

3

我真的結束了使用fancybox和我設法得到它的工作方式是使用eventAfterRender綁定它。我不必爲事件做任何事情點擊來阻止url跟蹤,我認爲fancybox照顧了這一點。當我在事件中執行同樣的電線時,它不起作用。點擊,因此您可能想要使用lightbox來看這個例子,看看它是否也適用於您。這是我所做的相關部分。乾杯!

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

我無法得到此正常工作。每次我點擊任何鏈接,不僅僅是事件,它會顯示一個燈箱。我最終使用事件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' 
     } 
    ] 
});