fullCalendaring在没有用户操作的情况下无法完全呈现

Question

fullCalendar仅部分渲染。仅当用户手动单击图片中的6个按钮中的任何一个或者在Chrome中，右键单击，然后单击＆＃34; Inspect Element＆＃34;时，才会呈现日历部分。在屏幕上的任何地方。

在以下代码中，＆＃34; popupDiv＆＃34;在弹出对话框中呈现。放入此popupDiv的任何其他html组件都可以正常工作。点击一个按钮（说＆＃34;今天＆＃34;）后，一切正常。

<div id="popupDiv">
    <div id="calendar"></div>
</div>

      <script type="text/javascript">
$('#calendar').fullCalendar({
                  header: {
                      left: 'prev,next today',
                      center: 'title',
                      right: 'month,agendaWeek,agendaDay'
                  },
                  lazyFetching: false,
                  editable: false,
                  allDayDefault: false,
                  events: '/Home/GetCalendarData',

                  eventMouseover: function (calEvent, jsEvent) {

                  },

                  eventMouseout: function (calEvent, jsEvent) {

                  }

              });
</script>