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>

或者看看devOOps主题，这个例子非常简单

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

FullCalendar给出错误：未捕获TypeError：$（...）。fullCalendar不是函数

1 个答案: