未捕获的 TypeError: $(...).fullCalendar 不是 Laravel 5 中的函数答案

【问题标题】：Uncaught TypeError: $(...).fullCalendar is not a function in Laravel 5未捕获的 TypeError: $(...).fullCalendar 不是 Laravel 5 中的函数
【发布时间】：2015-08-27 08:14:17
【问题描述】：

我正在尝试在我的 Laravel 项目中显示完整的日历，但我的脚本似乎没有正确加载。

我目前将所有内容都进行了硬编码：

@extends('masterpage')
<link rel='stylesheet' href='{{ asset('/css/fullcalendar.css') }}' />
<script src='{{ asset('/js/jquery.min.js') }}'></script>
<script src='{{ asset('/js/moment.min.js') }}'></script>
<script src='{{ asset('/js/fullcalendar.js') }}'></script>
<style>

    body {
        margin: 40px 10px;
        padding: 0;
        font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
        font-size: 14px;
    }

    #calendar {
        max-width: 900px;
        margin: 0 auto;
    }

</style>

@section('content')
<h1> Calendar </h1>
<div id='calendar'></div>
@stop

@section('footer')
<script>

    $(document).ready(function() {

        $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,basicWeek,basicDay'
            },
            defaultDate: '2015-02-12',
            editable: true,
            eventLimit: true, // allow "more" link when too many events
            events: [
                {
                    title: 'All Day Event',
                    start: '2015-02-01'
                },
                {
                    title: 'Long Event',
                    start: '2015-02-07',
                    end: '2015-02-10'
                },
                {
                    id: 999,
                    title: 'Repeating Event',
                    start: '2015-02-09T16:00:00'
                },
                {
                    id: 999,
                    title: 'Repeating Event',
                    start: '2015-02-16T16:00:00'
                },
                {
                    title: 'Conference',
                    start: '2015-02-11',
                    end: '2015-02-13'
                },
                {
                    title: 'Meeting',
                    start: '2015-02-12T10:30:00',
                    end: '2015-02-12T12:30:00'
                },
                {
                    title: 'Lunch',
                    start: '2015-02-12T12:00:00'
                },
                {
                    title: 'Meeting',
                    start: '2015-02-12T14:30:00'
                },
                {
                    title: 'Happy Hour',
                    start: '2015-02-12T17:30:00'
                },
                {
                    title: 'Dinner',
                    start: '2015-02-12T20:00:00'
                },
                {
                    title: 'Birthday Party',
                    start: '2015-02-13T07:00:00'
                },
                {
                    title: 'Click for Google',
                    url: 'http://google.com/',
                    start: '2015-02-28'
                }
            ]
        });

    });

</script>
@stop

我的 js 和 css 位于我的公共文件夹中，因此我使用短标签来链接它们。

有人知道我做错了什么吗？

【问题讨论】：

在浏览器中打开PHP解析后的源文件，检查你的JS文件路径是否正确。使用浏览器中的开发人员工具，您会立即看到它是否已加载。
是的，一切都已正确加载：i.gyazo.com/7b78c81666c2a5e1ebb9f624ff23fc97.png
然后您的脚本正在加载...认为我们需要为此查看页面本身（因此您的视图或渲染版本）。这也表明它与 Laravel 或 PHP 无关，但我们需要查看 javascript。
就是这样。我从fullcalendar.io/download 下载了示例进行测试，并简单地复制了基本视图以查看是否一切正常。 zip 中的 html 页面可以正确加载所有内容，因此应该可以正常工作..
好的，所以我尝试通过简单地复制粘贴html上给出的代码来编辑整个php文件并显示。当我扩展母版页以进行文档布局时，它失败并出现此错误。知道为什么要这样做吗？

标签： javascript php jquery fullcalendar laravel-5

【解决方案1】：

好的，我想通了！好像我也在我的母版页上拉了第二个 jquery 脚本对于遇到此问题的任何人，请确保您没有执行任何双重代码，因为这也会把它搞砸！

【讨论】：