JSFiddleのフルカレンダー3.5.0が動作しない

Question

最近フルカレンダー3.5.0がリリースされたので、私はJSFiddleで試してみたかったのです。 私はCDNJSからすべての必要な外部リンクをリンクしました。私JSFiddleでは動作しないのHTMLで

しかし、

<div id='calendar'> 

。

私は初心者です。私はCALENDAR IDがJSにあると思った。

誰もがフルカレンダー3.5.0を試しましたか？

カレンダーは表示されません。

これはJSFiddleへのリンクです：Link

は、事前にご支援いただきありがとうございます！

Answer 1

フィディドを実行しているときに、ブラウザのコンソールでエラーがないか確認してください。それはfullCalendarがそれを使用しようとしているときjQueryが定義されていないことを伝えます。これは、fullCalendarはjQueryに依存していますが、fullCalendarライブラリがjQueryライブラリの前にロードされているため、まだ存在しないためfullCalendarがロードされてもjQueryを見つけることができません。

JSファイルを間違った順序で追加しましたが、momentJSをまったく含めることを忘れました。 https://fullcalendar.io/docs/usage/は、何を含めるべきか、それらを入れる順序を教えてくれます。

jQueryとMomentはFullCalendarのJavaScriptの前にロードする必要があります。

修正する：

1）fullCalendarドキュメントあたりとして参照リオーダmomentJS

2）への参照を追加します。 JSFiddleでは、単に 「外部リソース」ゾーンをクリックし、正しい順序にドラッグします。

3）fullCalendarを2回追加しました。 fullCalendar.min.jsを含める必要があります。全脂肪fullCalendar.jsを使用する唯一の理由は、デバッグしたい場合だけです。それ以外の場合は、帯域幅を浪費します。両方を一緒に（または同じものを2回含むように）含めてはいけません。

CSSでも同じことを確認してください。fullCalendar.cssとfullCalendar.min.cssも含まれていますが、上記のJSファイルで概説したのと同じ理由で意味がありません。