调整包含事件而非“调整大小”事件的DIV事件段 快速背景： 我正在为美国的几个地区制作带薪休假PTO日历。 我正在使用Zend framework、jquery、fullcalendar、www.adipalaz.com上的Expand/All和一个自定义的更多。。。链接 我有3个不同的jquery选项卡，每个选项卡级别1上都有一个新的日历实例 每个选项卡都有一个与PTO相关的不同主题，包含3个手风琴部分 每个选项卡的一个手风琴部分有一个过滤器，用于过滤日历上的结果 每个选项卡上的一个手风琴部分有一个日历级别2 第一个日历通过JSON调用/提要从两个不同的事件源提取 此日历根据地区来绘制PTO 区域显示为全天事件 每个事件都是使用www.adipalaz.com级别3进行的展开/折叠 当使用www.adipalaz.com扩展或折叠每个事件时，AJAX调用会提取与该区域相关的所有PTO 每个扩展的AJAX调用都会隐藏有关额外信息的详细信息，除非自定义的更多。。。链接在第4级被单击 每个自定义更多链接也有一些操作级别5

现在，以上所有的工作

我有一个.click函数，可以处理3级及以上级别。click函数的一部分是AJAX调用，另一部分获取并设置z索引，以便我的4级数据比所有其他未扩展的3级数据都突出。 到目前为止，该功能还不错。问题是我所有的底层数据仍然需要可见

我的多层问题 重新渲染日历上的所有事件，以便无论单击的级别为3，周和事件都可见 一旦重新渲染，不会丢失级别3。单击操作，如果我使用$'calendar1'。fullCalendar'rerenderEvents'；并且不会丢失在尝试重新引发事件之前显示的级别3数据。 我有图像直观地解释我的问题，但无法上传，因为这是我的第一篇文章。如果你知道如何帮助我，需要看图片，请告诉我

目前我对这个问题的看法是：

//POPS THE OPEN ITEM UP IN Z-INDEX
$(uniqueID).parent().parent().css('z-index',9);

//THIS FINDS OUT WHAT TO ADD
changeSizeOfDiv = $(uniqueID).next('.fc-event-names').html(data).outerHeight()
     + $('.fc-week' + level + ' .fc-sun').outerHeight();

//THIS ALTERS THE ROW SIZE
$('tr.fc-week' + level).css('height',changeSizeOfDiv);

我还没有弄明白如何动态更新下面的行top:px；点击一个区域后。我认为使用changeSizeOfDiv函数将顶部向下推应该可以工作，但现在我不知道如何做到这一点，更不用说优雅地做到这一点了

任何想法都欢迎。

---

谢谢

在很多人的帮助下，这就是我想到的，它就像一个符咒。我将其添加到日历初始化中

eventClick: function(event, element) {
    if (typeof event.originalTitle == 'undefined') {
        event.originalTitle = event.title;        
    }

    if (event.loaded) {
        event.title = event.originalTitle;
        event.loaded = false;
        $('#calendar1').fullCalendar('updateEvent',event);
    } else {
        $.ajax({
            url: regionNamesUrl + getFilterUrlPart(event.segmentDate,event.region),
            dataType: 'html',
            cache: false,
            success: function(data){                                
                event.title = event.originalTitle + '<br/><br/>' +data;
                event.loaded = true;

                $('#calendar1').fullCalendar('updateEvent',event);

                clicker(event,'approved');
                clicker(event,'cancelled');
            },
            error: function(data){
                alert('An error has occurred retrieving data from the server.  Try reloading the page.');
            }
      });
    }                
}    

---

为了澄清您的问题，您可以使用图片服务（如tinypic.com）或代码游乐场（如jsfiddle.net）。在编辑您的帖子时提供您的图片，以便我们更好地理解任务。