Как открыть URL-адрес события FullCalendar в диалоговом окне jquery-ui?

Question

Я пытаюсь выяснить, как открыть URL-адрес события FullCalendar в модальном диалоговом окне с помощью диалогового окна jQuery UI.Я почти ничего не знаю о javascript, поэтому я не уверен, как должен выглядеть синтаксис вызова.

Я полагаю, что должен использовать опцию eventClick, но я не могу понять, как ее использоватьсоздать экземпляр диалога.Любая помощь?

Мой скрипт создания календаря выглядит следующим образом:

<script type="text/javascript">

$ (документ) .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;
    };