如何在jquery-ui對話框中打開FullCalendar事件URL？

Question

我正在琢磨如何在使用jQuery UI對話框的模式對話框中打開FullCalendar事件URL。我幾乎不知道JavaScript，所以我不確定調用語法應該如何看待。

我想我應該使用eventClick選項，但我無法弄清楚如何使用它來實例化對話框。任何幫助？

我的日曆生成的腳本是這樣的：

<script type="text/javascript"> 

$（文件）。就緒（函數（）{VAR $對話框= $（ ''）

$('#calendar').fullCalendar({ 
    header: { 
    left: 'month,agendaWeek,agendaDay', 
    center: 'title', 
    right: 'today prev,next' 
    }, 
    allDayDefault: false, 
    editable: false, 
    eventSources: ['[[~96]]'], 
    eventClick: function(event) { 
    if (event.url) { 
     $dialog 
     .load(event.url) 
     .dialog({ 
      autoOpen: false, 
      width: 500, 
      height:300 
     }); 
     $dialog.dialog('open'); 
     return false; 
    }; 
    }; 
}); 

}）;

Answer 1

您必須聲明一些DIV的對話框中您的網頁，例如：

<div id="myDialog"></div> 

...

$(document).ready(function() { 
$('#calendar').fullCalendar({ 
... 
eventClick: function(event) { 
    if (event.url) { 
     $('#myDialog') 
     .load(event.url) 
     .dialog({ 
      width: 500, 
      height:300 
     }); 
     return false; 
    };