Question

很抱歉，我今天似乎无法取下我的特殊小孩头盔。我正在尝试使用Full Calendar ...我已经确认没有相关的javascript错误，所有脚本都被正确调用，我有一个#calendar div，但我没有得到任何结果或页面上的输出。

在WordPress中使用它，这是我的相关标题：

    <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url')?>/fullcalendar-1.4.6/fullcalendar.css" />
    <script type="text/javascript" src="<?php bloginfo('template_url')?>/fullcalendar-1.4.6/jquery/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url')?>/fullcalendar-1.4.6/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>

您可以在此处查看页面本身（包含不存在的日历）：http://ranya.net/wp/classes/

有关调试/故障排除的建议吗？我不知道这里有什么不对......

编辑：正如Charles在下面所指出的，似乎函数fullCalendar未定义。我只是遵循脚本的基本回调参数，有没有人知道为什么它将是未定义的？我没有更改默认/基本回调中的任何内容。

Answer 1

Chrome的Javascript控制台说：

未捕获TypeError：对象＃没有方法'fullCalendar'（类：37）

第37行是你的$（...）。fullCalendar（）行。

在控制台上仅运行$('#calendar').fullCalendar();会导致同样的错误。

我不完全确定从哪里解决这个问题，因为我根本不知道插件。我首先切换到插件的非缩小版本，看看是否有所作为。

编辑：FWIW，我在Firefox中的$(document).ready内获得真正的错误是最糟糕的时间。我真的不确定那是怎么回事。

Answer 2

原来是jQuery冲突。我在这个页面上运行了很多脚本，实际上有两个冲突，一个是因为在文档的顶部和底部调用了jQuery。第二个是因为来自MailChimp的Web表单也调用了javascript。

完整的Calendar.js无法启动

2 个答案: