JSFiddle中的完整日曆3.5.0不起作用

Question

最近出現Full Calendar 3.5.0時，我想試試JSFiddle。 我鏈接了CDNJS所有必要的外部鏈接。

然而，

<div id='calendar'> 

其中在我的jsfiddle不起作用HTML

。

我是初學者。我認爲CALENDAR ID在JS中。

有沒有人試過完整的日曆3.5.0？

日曆未顯示！

這是鏈接到的jsfiddle：Link

感謝您的支持提前！

Answer 1

運行小提琴時，請檢查瀏覽器控制檯是否有錯誤。它會告訴你，當fullCalendar試圖使用它時，jQuery沒有被定義。這是因爲fullCalendar依賴於jQuery，但是您在jQuery庫之前加載了fullCalendar庫，所以fullCalendar在加載時找不到jQuery，因爲它尚不存在。

您以錯誤的順序添加了JS文件，而您完全忘記了包含momentJS。 https://fullcalendar.io/docs/usage/告訴你應該包含什麼以及將它們放入什麼命令。

jQuery和Moment必須在FullCalendar的JavaScript之前加載。

要解決：

1）添加一個參考momentJS

2）重新排序的參考文獻中具體根據fullCalendar文檔。在JSFiddle中，您只需 單擊外部資源區域，然後將它們拖到正確的順序。

3）您包含fullCalendar兩次。您只需要包含fullCalendar.min.js。使用full-fat fullCalendar.js的唯一原因是如果你想調試它，否則它只會浪費帶寬，當然不應該把它們包括在一起（或者包含兩次相同的），否則你會冒着衝突的風險。

用CSS檢查同樣的事情 - 你還包括fullCalendar.css和fullCalendar.min.css，這與我上面用JS文件概述的相同原因沒有意義。