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

Question

我正在尝试将全日历合并到我的 asp.net 网站中，但我一直收到此错误。

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

我查看了有关此错误的其他线程，并尝试使用下载的完整日历 zip 文件，甚至用网站分配的引用替换了脚本行。

它给我在下面的代码中调用 $('#calendar').fullCalendar({ 的错误

这是我的代码：

    <link href='../fullcalendar/fullcalendar.css' rel='stylesheet' />
<link href='../fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' />
<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: '2015-02-12',
            editable: true,
            eventLimit: true, // allow "more" link when too many events
            events: [
            {
                title: 'All Day Event',
                start: '2015-02-01'
            }

我在哪里称呼它：

<div class="container">
    <div class="row">
        <div class="col-lg-12">
            <div id='calendar'></div>
        </div>
    </div>
</div>

如有任何帮助，我们将不胜感激。

Answer 1

尝试在容器中添加class

<div class="container">
    <div class="row full-calendar">

        <div class="col-sm-9">
            <div id="calendar"></div>
        </div>
    </div>
</div>

还是看devOOps主题，例子很简单

http://devoops.me/themes/devoops/

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

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

c#

asp.net

fullcalendar