$(document).ready(function() { // page is now ready, initialize the calendar... $('#calendar').fullCalendar({ // put your options and callbacks here left: 'Calendar', center: '', right: 'today prev,next' }) }); <html> <head> <script src='ajax.googleapis/ajax/libs/jquery/3.1.1/jquery.min.js'></script> <script src='/js/fullcalendar/lib/moment.min.js'></script> <script src='cdnjs.cloudflare/ajax/libs/fullcalendar/3.1.0/fullcalendar.js'></script> <link rel='stylesheet' href='/js/fullcalendar/fullcalendar.css' /> </head> <body> <div id='calendar'></div> </body> </html>
我试图用刀片模板添加日历,但最终出现此错误.
I am trying to add calendar with my blade template and I end up with this error.
app.js:3未捕获的TypeError:$(...).fullCalendar不是函数(...)
app.js:3 Uncaught TypeError: $(...).fullCalendar is not a function(…)
我的头部看起来像这样
<script src='ajax.googleapis/ajax/libs/jquery/3.1.1/jquery.min.js'></script> <script src='/js/fullcalendar/lib/moment.min.js'></script> <script src='cdnjs.cloudflare/ajax/libs/fullcalendar/3.1.0/fullcalendar.js'></script> <link rel='stylesheet' href='/js/fullcalendar/fullcalendar.css' />然后我在准备好的事件中打电话给fullCalender
and than after that I am calling fullCalender on ready event
<script> $(document).ready(function() { // page is now ready, initialize the calendar... $('#calendar').fullCalendar({ // put your options and callbacks here }) }); </script>使用CDN,我试图获取最新的Jquery和FullCalendar.
With CDN I am trying to fetch latest Jquery and FullCalendar.
在我的代码段中,我添加了/lib/moment.min.js,我确认此文件可以从本地计算机上正常加载.
With my snippet i have added /lib/moment.min.js I confirm that this file loads fine from my local machine.
推荐答案您的jquery ui在哪里,您需要在底部运行脚本,在顶部运行css.
Where is your jquery ui and you need to run scripts at the bottom and css at top.
Codepen演示 codepen.io/norcaljohnny/pen/OWLjaX
Codepen Demo codepen.io/norcaljohnny/pen/OWLjaX
<head> <link rel='stylesheet' href='fullcalendar.io/js/fullcalendar-3.1.0/fullcalendar.min.css' /> </head> <body> <div id='calendar'></div> <script src='fullcalendar.io/js/fullcalendar-3.1.0/lib/moment.min.js'></script> <script src='fullcalendar.io/js/fullcalendar-3.1.0/lib/jquery.min.js'></script> <script src='fullcalendar.io/js/fullcalendar-3.1.0/lib/jquery-ui.min.js'></script> <script src='fullcalendar.io/js/fullcalendar-3.1.0/fullcalendar.min.js'></script> </body>这是来自开发人员的示例源.
This is the sample source from the developer.
> <meta charset='utf-8' /> <link href='../fullcalendar.min.css' > rel='stylesheet' /> <link href='../fullcalendar.print.min.css' > rel='stylesheet' media='print' /> <script > src='../lib/moment.min.js'></script> <script > src='../lib/jquery.min.js'></script> <script > src='../lib/jquery-ui.min.js'></script> <script > src='../fullcalendar.min.js'></script> <script>更多推荐
未捕获的TypeError:$(...).fullCalendar不是函数(...)
发布评论