我正在尝试使用内置的页面编辑器在我的wordpress网站上实现FullCalendar。
代码如下:
<code>
<!DOCTYPE html>
<html>
<head>
<link href='../fullcalendar-2.0.2/fullcalendar.css' rel='stylesheet' />
<script src='../fullcalendar-2.0.2/lib/moment.min.js'></script>
<script src='../fullcalendar-2.0.2/lib/jquery.min.js'></script>
<script src='../fullcalendar-2.0.2/fullcalendar.min.js'></script>
<script type="text/javascript">
$(document).ready(function() {
// page is now ready, initialize the calendar...
$('#calendar').fullCalendar({
// put your options and callbacks here
})
});
</script>
</head>
<body>
<div id="calendar"></div>
</body>
</html>
</code>
我遇到的问题是，即使我严格遵循实现指南，我仍然得到错误:
Uncaught SyntaxError: Unexpected token <</p>
当我点击进入控制台中的代码时它什么也没有加载在一个小时的小改动之后它完全阻止了我前进
如果你想在你的页面内容中这样做，你不应该包括<html>, <head>等元素。您还需要使用包含文件的绝对路径，以便它们不会产生404错误(可能您看到的错误来自哪里)-这意味着您需要以/开头的URL直接指向文件。
尝试下面的代码，假设fullcalendar在您的主题目录/wp-content/themes/yourtheme/fullcalendar-2.0.2/下:
<link href='/wp-content/themes/yourtheme/fullcalendar-2.0.2/fullcalendar.css' rel='stylesheet' />
<script src='/wp-content/themes/yourtheme/fullcalendar-2.0.2/lib/moment.min.js'></script>
<script src='/wp-content/themes/yourtheme/fullcalendar-2.0.2/lib/jquery.min.js'></script>
<script src='/wp-content/themes/yourtheme/fullcalendar-2.0.2/fullcalendar.min.js'></script>
<script type="text/javascript">
$(document).ready(function() {
// page is now ready, initialize the calendar...
$('#calendar').fullCalendar({
// put your options and callbacks here
});
});
</script>
<div id="calendar"></div>
我发现Fullcalendar的Wordpress插件允许自定义XML提要。所以我已经成功地在我的页面上实现了日历，这就是这个问题的目的。