Question

我正在使用Fullcalendar（http://arshaw.com/fullcalendar/）并尝试将其显示在对话框中。

当我单击按钮打开对话框时，会出现对话框并显示日历，但它只显示实际日历的左上角。如果我然后拖动对话框的角落，甚至可以正确地将1mm的日历拖动到水平和垂直对齐空间中。

我在Fullcalendar网站上找到了一个用于渲染的引用，这听起来就像我需要的那样 - 它强制日历立即渲染并调整它的大小。

网站上的示例（http://arshaw.com/fullcalendar/docs/display/render/）使用标签并建议：

$('#my-tabs').tabs({
    activate: function(event, ui) {
        $('#calendar').fullCalendar('render');
    }
});

我的问题是我无法在我的场景中使用它，因为我不知道放在哪里 - 我的简化JS代码如下：

$(document).ready(function() {

    $("#open").button().click(function () {
        $("#dialog").dialog("open");
    });

    $('#calendar').fullCalendar({
        eventSources: [
            'json_feed.php'
        ]
    });

    $("#dialog").dialog({
        autoOpen: false,
        height: 450,
        width: 450,
        modal: false,
        activate: function(event, ui) {
            $('#calendar').fullCalendar('render');
        }       
    }); 
});

控制台中没有错误，所以任何人都可以解释为什么这不起作用？

由于

Answer 1

jQueryUI dialog没有事件或选项activate的简单问题。相反，你想要的是open。每个组件的jQUeryUI文档都包含一个完整的选项，事件和方法列表，包含所有的解释和示例......所以如果有疑问，请从那里开始。

Fullcalendar不在对话框中呈现

1 个答案: