FullCalendar给出错误:Uncaught TypeError: $(..).fullCalendar不是一个函

Question

我试图将fullcalendar合并到我的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

尝试在容器中添加类

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

或者看看devops主题，这个例子很简单

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