javascript - 来自 CDNJS 的 fullcalendar.js 不工作？

Question

我对此还有另一个问题，但文字很繁琐。我删除了支持这个的其他问题......

我最近发现了 fullcalendar.js。我最初能够看到日历小部件和 css 样式、标题、导航按钮等。但后来就停止了。我可以看到小部件和标题，但看不到样式或按钮。

我有一把 fiddle https://jsfiddle.net/a3q9c5tr/这证明了这一点。它使用来自 CDNJS 的完整日历库。它从 CDNJS 获取 jquery 和 moment.js 库。 fullcalendar“支持”部分建议使用 JSBIN ......我在那里得到的结果与 jsfiddle 相同。

我还尝试下载 fullcalendar 库并使用包含的 jquery 和 moment 库以及使用其他本地和 CDN jquery 和 moment 库。好像 fullcalendar 找不到自己的 css。

我已经在 fiddle 和我的本地测试中运行了开发者工具。一切看起来都在加载。

我一定是在做一些微不足道的事情，但我看不到。想法？

fiddle 中使用的库是:

  <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

更新:

我修复了 fiddle，它使用的是最新版本的 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/