JQuery FullCalendar связан с GCal с модальным всплывающим

Question

Хорошо ... Я все еще довольно плохо знаком с использованием jquery и javascripting. Я успешно внедрил Jquery FullCalendar на своем сайте и связал его с событиями GCal.

Есть ли какой-нибудь способ, которым я могу получить события, при нажатии на которые они появляются в модальном окне? то есть. так же, как встроенный календарь, который предоставляет Google.

Мой код:

$(document).ready(function () {

    $('#calendar').fullCalendar({
        theme: true,
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        editable: true,
        events: $.fullCalendar.gcalFeed(
        "http://www.google.com/calendar/myxlmfeed"
    ),
        eventClick: function (event) {
            if (event.url) {
                window.open(event.url);
                return false;
            }
        }
    });

});

В коде, который я предоставил, есть eventClick, но он открывает новое окно. В любом случае, я могу его кодировать, чтобы открыть простое модальное всплывающее окно?

Любая помощь по этому вопросу будет так ценится!

Jay

Answer 1

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

<script type='text/javascript'>
$(document).ready(function () {
    $('#calendar').fullCalendar({
        editable: true,

        events: "some json URL",

        eventClick: function (event) {
            $.nyroModalManual({
                url: event.url
            });
            return false;
        }
    });
});