Javascript 未捕获的TypeError:$(…)。fullCalendar不是Laravel 5中的函数
我正试图在我的Laravel项目上显示完整的日历,但似乎我的脚本加载不正确 目前,我已将所有内容硬编码:Javascript 未捕获的TypeError:$(…)。fullCalendar不是Laravel 5中的函数,javascript,php,jquery,fullcalendar,laravel-5,Javascript,Php,Jquery,Fullcalendar,Laravel 5,我正试图在我的Laravel项目上显示完整的日历,但似乎我的脚本加载不正确 目前,我已将所有内容硬编码: @extends('masterpage') <link rel='stylesheet' href='{{ asset('/css/fullcalendar.css') }}' /> <script src='{{ asset('/js/jquery.min.js') }}'></script> <script src='{{ asset('/js
@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
@extends('masterpage'))
身体{
利润率:40像素10像素;
填充:0;
字体系列:“Lucida Grande”,Helvetica,Arial,Verdana,无衬线;
字体大小:14px;
}
#历法{
最大宽度:900px;
保证金:0自动;
}
@节(“内容”)
历法
@停止
@节(“页脚”)
$(文档).ready(函数(){
$(“#日历”).fullCalendar({
标题:{
左:“上一个,下一个今天”,
中心:'标题',
右图:“月,基本周,基本日”
},
默认日期:“2015-02-12”,
是的,
eventLimit:true,//当事件太多时允许“更多”链接
活动:[
{
标题:“全天活动”,
开始日期:2015-02-01
},
{
标题:“长期活动”,
开始日期:“2015-02-07”,
完:2015-02-10
},
{
身份证号码:999,
标题:“重复事件”,
开始:“2015-02-09T16:00:00”
},
{
身份证号码:999,
标题:“重复事件”,
开始:“2015-02-16T16:00:00”
},
{
标题:"会议",,
开始:“2015-02-11”,
完:2015-02-13
},
{
标题:"会议",,
开始:“2015-02-12T10:30:00”,
完:“2015-02-12T12:30:00”
},
{
标题:"午餐",,
开始:“2015-02-12T12:00:00”
},
{
标题:"会议",,
开始:“2015-02-12T14:30:00”
},
{
标题:"欢乐时光",,
开始:“2015-02-12T17:30:00”
},
{
标题:"晚餐",,
开始:“2015-02-12T20:00:00”
},
{
标题:"生日派对",,
开始:“2015-02-13T07:00:00”
},
{
标题:“点击谷歌”,
网址:'http://google.com/',
开始:“2015-02-28”
}
]
});
});
@停止
我的js和css位于我的公用文件夹中,因此我使用短标记来链接它们
有人知道我做错了什么吗?好吧,我想出来了!
似乎我还在母版页上引入了第二个jquery脚本
对于任何有过这个问题的人,只要确保你没有做任何双重代码,因为这也会把事情搞砸 在浏览器中打开PHP解析后的源文件,检查JS文件路径是否正确。使用浏览器中的开发人员工具,您将立即看到它是否已加载。是的,所有内容都已正确加载:然后您的脚本正在加载。。。我想我们需要查看页面本身(因此您的视图或呈现的版本)。这也澄清了它与Laravel和PHP无关,但我们需要看看javascript。这就是问题所在。我从下载了示例以进行测试,并简单地复制了基本视图以查看是否一切正常。zip中的html页面正确加载所有内容,这样应该可以正常工作。好的,我试着编辑整个php文件,只需复制粘贴html中给出的代码,它就会显示出来。当我扩展母版页以进行文档布局时,母版页失败并出现此错误。知道它为什么这么做吗?