如何在 jquery-ui 对话框中打开 FullCalendar 事件 URL？

Question

我正在努力弄清楚如何使用 jQuery UI 对话框在模式对话框中打开 FullCalendar 事件 URL。我对 javascript 几乎一无所知，所以我不确定调用语法应该是什么样子。

我想我应该使用 eventClick 选项，但我不知道如何使用它来实例化对话框。有什么帮助吗？

我的日历生成脚本如下所示：

<script type="text/javascript">

$(document).ready(function() { var $dialog = $('')

$('#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;
    };