web-dev-qa-db-ja.com

FullCalendar TypeError：$（...）。fullCalendarは関数ではありません

FullCalendar 2.1.1を配置しようとしていましたが、機能していません。

<link href='/css/fullcalendar.css' rel='stylesheet' />
<link href='/css/fullcalendar.min.css' rel='stylesheet' />
<link href='/css/fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='/js/moment.min.js'></script>
<script src='/js/jquery.min.js'></script>
<script src='/js/fullcalendar.min.js'></script>
<script src="/js/jquery-ui.custom.min.js"></script>
<script>
  $(document).ready(function() {
    $('#calendar').fullCalendar({
      defaultDate: '2014-09-12',
      editable: true,
      eventLimit: true, // allow "more" link when too many events               
    });

  });
</script>

開こうとすると、次のエラーが表示されます。

SyntaxError: missing ) after argument list ..."'").replace(/"/g,""").replace(/\n/g,"")}function P(t){returnt.replace(/


TypeError: $(...).fullCalendar is not a function    
eventLimit: true, // allow "more" link when too many events

基本的な使用法のドキュメントに従いましたが、まだ機能しません。

javascriptjqueryfullcalendar
14
Tiago Ribeiro

あなたはjsに問題があると思います、それはあなたの問題を解決するかもしれない以下のURLを試してください、

<script src='http://fullcalendar.io/js/fullcalendar-2.1.1/lib/moment.min.js'></script>
<script src='http://fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery.min.js'></script>
<script src="http://fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery-ui.custom.min.js"></script>
<script src='http://fullcalendar.io/js/fullcalendar-2.1.1/fullcalendar.min.js'></script>
<script>
    $(document).ready(function() {
        $('#calendar').fullCalendar({
            defaultDate: '2014-09-12',
            editable: true,
            eventLimit: true, // allow "more" link when too many events
        });
    });
</script>

上記のコードが機能する場合、scriptタグで使用されているjsファイルをダウンロードします

21
Rohan Kumar

私も同じ問題を抱えていましたが、それはHTML jQueryファイルが2回ロードされていたためで、エラーが発生していました。

15
Abhijit Jagtap

スクリプトの順序を変更するだけで問題を解決しました。設定する必要があります：moment.min.js後jquery.min.js これを見て：

<script src='/js/jquery.min.js'></script>
<script src='/js/moment.min.js'></script>
<script src='/js/fullcalendar.min.js'></script>
10
Alan García

ES6構文を使用している場合は、ファイルの先頭にこれを追加するだけです。

import "fullcalendar";
3
Vedran