Question

我正在努力弄清楚如何使用jQuery UI Dialog在模式对话框中打开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;
    };

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

1 个答案: