Uncaught TypeError: $ (& hellip;). FullCalendar is not a function

advertisements

I am trying to add jquery fullcalendar to mvc project. I downloaded jquery.fullcalendar from Nuget Manager. And then I added below simple codes to viewpage. But it is not displayed and when i check the errors it gives me :

jquery.min.js:2 Uncaught TypeError: $(...).fullCalendar is not a function
    at HTMLDocument.<anonymous> (Calendar:62)
    at j (jquery.min.js:2)
    at k (jquery.min.js:2)

My codes :

<html>
<head>
    <link href="~/Content/fullcalendar.css" rel="stylesheet" />
    <script type="text/javascript" src="~/Scripts/jquery-3.1.1.js"></script>
    <script type="text/javascript" src="~/Scripts/moment.js"></script>
    <script type="text/javascript" src="~/Scripts/fullcalendar.js"></script>
    <script type="text/javascript" src="~/Scripts/gcal.js"></script>
    <script type="text/javascript" src="~/Scripts/bootstrap.js"></script>
    <script type="text/javascript" src="~/Content/lang/tr.js"></script>

</head>

<body>

    <div id="calendar"></div>

    <script>
    $(document).ready(function () {
        $('#calendar').fullCalendar({
            selectable: true
        });
    });
    </script>
</body>
</html>

Can someone help me? i followed the Basic Usage Doc but it still doesn't work.

I think my paths are correct you can check here :FullCalendar MVC


Are you sure to correctly include the FullCalendar.js and its scripts ? Because the reason for getting this error is often that the scripts are not included correctly in the project.