将完整日历实现为Wordpress页面
将完整日历实现为Wordpress页面
提问于 2014-08-13 23:20:30
我正在尝试使用内置的页面编辑器将FullCalendar实现到wordpress网站上的一个页面中。
下面是代码：
<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>我遇到的问题是，即使我正在密切跟踪实现指南，我仍然会得到错误：
未登录的SyntaxError:意外令牌<
当我点击进入控制台中的代码时，它没有加载任何东西，经过一个小时的小改变，它完全阻止了我的前进
回答 2
Stack Overflow用户
发布于 2014-08-14 00:30:33
如果要在页面内容中执行此操作，则不应包含<html>、<head>等元素。您还需要使用包含的文件的绝对路径，以便它们不会产生404错误(很可能是您看到的错误来自何处)--这意味着您需要使用/启动URL以直接指向文件。
尝试以下代码，假设完整日历位于/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>Stack Overflow用户
发布于 2014-08-14 10:27:55
我发现Fullcalendar的Wordpress插件允许定制XML提要。因此，我设法在我的网页上实现了日历，这就是这个问题的目的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25297768
复制相关文章
相似问题
腾讯云开发者
