为什么Uncaught TypeError：$（...）。fulllCalendar不是函数？

Question

我导入如下：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/moment.js"></script>
<script type="text/javascript" src="js/fullcalendar.js"></script>
<script type="text/javascript" src="js/locale/ko.js"></script>
<link rel="stylesheet" href="css/fullcalendar.css">
<link rel="stylesheet" href="css/fcImportantCSS.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="css/adminMainPage.css">

我写了以下内容。

HTML：

<div id="calendarContainer" style="display:none">
    <input type="hidden" value="" id="ri_startDate">
    <input type="hidden" value="" id="ri_endDate">
    <div id="calendar"></div>
</div>  

JS：

// fullCalendar 관련
$('#calendar').fullCalendar({
  header: {
    center: "title", // 센터에는 타이틀 명이 오고
    left: "prev", // 왼쪽에는 < 버튼이 오고
    right: "next" // 오른쪽에는 > 버튼이 오게됌
  },
  lang: 'ko', // 달력 한글 설정
  editable: true, // 달력의 이벤트를 수정할 수 있는지 여부를 결정
  dayClick: function(date, allDay, view) // 일 클릭시 발생
  {
    var dateFormat = date.format('YYYY-MM-DD');

    if (confirm('휴진으로 등록 하시겠습니까?')) {

    } else {
      alert('bye ~ ');
    }
  }
});

测试时效果很好，但现在不能正常工作。

发生以下错误：

Uncaught TypeError: $(...).fullCalendar is not a function

为什么我会收到此错误？

如何修复代码以捕获此错误？

我需要你的帮助，请告诉我你的意见。

Answer 1

尝试以下方法。

$(function(){
// fullCalendar 관련
$('#calendar').fullCalendar({
  header: {
    center: "title", // 센터에는 타이틀 명이 오고
    left: "prev", // 왼쪽에는 < 버튼이 오고
    right: "next" // 오른쪽에는 > 버튼이 오게됌
  },
  lang: 'ko', // 달력 한글 설정
  editable: true, // 달력의 이벤트를 수정할 수 있는지 여부를 결정
  dayClick: function(date, allDay, view) // 일 클릭시 발생
  {
    var dateFormat = date.format('YYYY-MM-DD');

    if (confirm('휴진으로 등록 하시겠습니까?')) {

    } else {
      alert('bye ~ ');
    }
  }
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"/>

<script src="https://cdn.jsdelivr.net/fullcalendar/1.5.4/fullcalendar.js"></script>
<link href="https://cdn.jsdelivr.net/fullcalendar/1.5.4/fullcalendar.css" rel="stylesheet"/>

<script src="https://cdn.jsdelivr.net/fullcalendar/1.5.4/gcal.js"></script>
<link href="https://cdn.jsdelivr.net/fullcalendar/1.5.4/fullcalendar.print.css"  rel="stylesheet"/>
<div id = "calendar"></div>