jQuery FullCalendar가 렌더링되지 않습니다.

Question

내 사이트에서 fullcalendar를 사용할 수 있지만 월/연도를 변경하거나 "오늘"을 선택해야 실제 캘린더 테이블이 표시됩니다.

렌더링 된 소스를 보면 버튼을 누를 때까지 테이블 주변의 div가 비어있는 것을 볼 수 있습니다.

왜 이런 일이 발생했는지 실마리가 있습니까?

Answer 1

이 캘린더는 처음에는 보이지 않는 탭이나 대화 상자에 있습니까?

그렇다면 해당 컨트롤이 활성화되어있을 때 fullCalendar를 명시 적으로 렌더링해야합니다.

jQuery UI 탭 위젯을 사용하고 두 번째 탭에 FullCalendar가있는 경우 (두 번째 탭이 선택 될 때까지 숨겨 짐) 이 경우 다음과 같이 할 수 있습니다.

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

이렇게하면 탭이 표시 될 때 달력이 렌더링됩니다. 희망이 도움이!