來自CDNJS的fullcalendar.js無法正常工作？

Question

我對此有另一個疑問，但案文繁瑣。 我刪除了另一個支持此問題的問題...

我最近找到了fullcalendar.js。 最初，我可以看到日歷小部件以及CSS樣式，標題，導航按鈕等。但是此后就停止了。 我可以看到小部件，通常可以看到標題，但不能看到樣式或按鈕。

我有一個小提琴https://jsfiddle.net/a3q9c5tr/證明了這一點。 它使用CDNJS中的fullcalendar庫。 它正在從CDNJS獲取jquery和moment.js庫。 全日歷的“支持”部分建議使用JSBIN ...我在那里得到的結果與jsfiddle相同。

我還嘗試下載fullcalendar庫，並使用包含的jquery和moment庫以及使用其他本地和CDN jquery和moment庫。 好像fullcalendar找不到自己的CSS。

我已經在小提琴和本地測試中運行了開發人員工具。 一切看起來都正在加載。

我必須做些瑣碎的事，但看不到。 想法？

小提琴中使用的庫是：

  <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.6.1/fullcalendar.min.css">
  <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.6.1/fullcalendar.print.css">

  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.min.js"></script>
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.6.1/fullcalendar.min.js"></script>

html主體就是

<div id='calendar'></div>

javascript部分是：

$(document).ready(function() {
  $('#calendar').fullCalendar({
    left: 'prev,next today',
    center: 'title',
    right: 'month,agendaWeek,agendaDay'
  });
});

Answer 1

更新：

我修復了小提琴，它正在使用fullcalendar的最新版本： https ://jsfiddle.net/y3llowjack3t/a3q9c5tr/4/

只需刪除fullcalendar.print.css

$(document).ready(function() {

  $('#calendar1').fullCalendar({
    header: {
      left: 'prev,next,today',
      center: 'title',
      right: 'month,agendaWeek,agendaDay'
      }
  });

});

並查看帶有主題的日歷

theme: true,

https://jsfiddle.net/y3llowjack3t/a3q9c5tr/5/