完整的日历和 Laravel 加载错误答案

【问题标题】：Full calendar and Laravel load error完整的日历和 Laravel 加载错误
【发布时间】：2015-07-13 15:28:02
【问题描述】：

我正在尝试结合 laravel 框架使用来自 http://fullcalendar.io/ 的完整日历，但是当我尝试在我的页面上显示日历时，它没有显示。

我得到的错误是在我的 javascript 中：

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

我使用的代码和 HTML 是：

@extends('app')

@section('scripts')
<script src='/proofofconcept/fullcalendar-2.3.1/lib/jquery.min.js'></script>
<script src='/proofofconcept/fullcalendar-2.3.1/lib/moment.min.js'></script>
<script src='/proofofconcept/fullcalendar-2.3.1/fullcalendar.js'></script>

<script src="/proofofconcept/fullcalendar-2.3.1/lib/jquery-ui.custom.min.js"></script>
<script src='/proofofconcept/fullcalendar-2.3.1/fullcalendar.min.js'></script>
<script>
    $(document).ready(function() {

        $('#calendar').fullCalendar({
            defaultDate: '2014-09-12',
            editable: true,
            eventLimit: true, // allow "more" link when too many events
        });
    });
</script>
@endsection

@section('content')

<div class="container">
    <div class="row">
        <div class="col-md-10 col-md-offset-1">
            <div class="panel panel-default">
                <div class="panel-heading">Calendar</div>

                <div class="panel-body">
                    <div id='calendar'></div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

我已按照http://fullcalendar.io/docs/usage/ 上的基本使用指南进行操作，但我一定是做错了什么，因为它没有做应有的事情

【问题讨论】：

您是否在控制台中为 JS 文件收到任何 404？
不，所有的 js 文件都被考虑在内，我在 fullcalendar 的 css 页面上收到了一些“声明被忽略”警告
尝试先将您的元素分配给一个变量：var calendar = $('#calendar'); calendar.fullCalendar(...)
我之前尝试过，它给了我同样的错误，除了现在它说 calendar.fullCalendar 不是一个函数
@JeremyC。为什么调用JS文件两次？先是完整版，然后是缩小版？

标签： javascript php jquery fullcalendar laravel-5

【解决方案1】：

在我的“应用程序”页面中，这部分代码：@extends('app') 引用了另一个缩小版的 jquery，这似乎与我在脚本标签中包含的缩小版 jquery 文件冲突

【讨论】：

【解决方案2】：

更新了一个

<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: '2014-09-12',
        editable: true,
        eventLimit: true, // allow "more" link when too many events
    });
});

如果上述代码有效，则下载脚本标签中使用的js文件

【讨论】：

从不同的函数调用它并不能解决问题，我也不知道所有这些变量是什么，因为我仍在尝试让基本用法正常工作，所以我不知道知道我需要哪些选项，哪些不需要
自己试试吧.. $('#calendar').fullCalendar({ });
仍然产生同样的问题
这仍然给我和以前一样的信息
您对我该如何解决这个问题还有其他想法吗？（抱歉回答晚了，但我今天才重新开始做项目）