Question

好的......我仍然很擅长使用jquery和javascripting。我已经在我的网站上成功实现了Jquery FullCalendar并将其链接到GCal事件。

有什么方法可以在点击时让事件在模态窗口中弹出？即。就像谷歌提供的嵌入式日历一样。

我的代码：

$(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，但它会打开一个新窗口，无论如何我可以编写代码，这样就可以打开一个简单的模态弹出窗口吗？

对此的任何帮助都会非常感激！

杰

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;
        }
    });
});

Jquery FullCalendar与模态弹出窗口链接到GCal

1 个答案: