第二个报错 week:104 Uncaught TypeError: $(...).fullCalendar is not a function
时间: 2024-03-06 14:48:04 浏览: 133
这个错误通常是由于 FullCalendar 的 JavaScript 文件没有正确加载导致的。你需要确保在 HTML 中正确引入了 FullCalendar 的 JavaScript 文件,并且它的路径是正确的。
以下是一个正确引入 FullCalendar 的示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<link href='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.css' rel='stylesheet' />
<link href='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.print.min.css' rel='stylesheet' media='print' />
<script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.js'></script>
</head>
<body>
<div id='calendar'></div>
<script>
$(document).ready(function() {
// page is now ready, initialize the calendar...
$('#calendar').fullCalendar({
// put your options and callbacks here
})
});
</script>
</body>
</html>
```
在这个示例中,我们使用了 FullCalendar 3.10.2 版本。请注意,我们在 HTML 中先引入了 FullCalendar 的 CSS 文件,然后才引入 FullCalendar 的 JavaScript 文件。在 JavaScript 中,我们使用 jQuery 的 `$(document).ready()` 方法来确保页面已经加载完毕后再初始化 FullCalendar。
如果你仍然遇到这个错误,请检查你的代码并确保你正确引入了 FullCalendar 的 JavaScript 文件,并且它的路径是正确的。
阅读全文