Question

我相信我的所有代码都是正确的，因为Dreamweaver没有显示语法错误，但是完整的日历用户界面既没有显示在Dreamweavers的预览窗格中，也显示了div，或者显示在Mozilla Firefox中。

    <!doctype html>
<html>
<head><link rel="stylesheet" href="fullcalendar/fullcalendar.css"/>
<script src="fullcalendar/fullcalendar.js"></script>
<script src="lib/jquery.min.js"></script>
<script src="lib/moment.min.js"></script>
<script> $(document).ready(function() {

    // page is now ready, initialize the calendar...

    $('#calendar').fullCalendar({
        // put your options and callbacks here
    })

});</script>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>
<div id='calendar'></div>
</body>
</html>

所有文件都是本地的 Dreamweaver CC 2014 1.1和Firefox 36.0.4

Answer 1

您缺少一个css文件fullcalendar.print.css请包含它。你可以使用cdn路径//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.print.css

检查控制台可能存在未定义的jquery错误。在这种情况下包括文件。 cdn path https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js

完整下载fullcalendar Click here..

按此顺序包含您的文件。

时刻js
jQuery js
Fullcalendar js

P.s：并确保正确包含每个文件。

我在左侧菜单上创建了一个jsfiddle链接，点击外部源。 Click here for jsfiddle

fullcalendar UI不显示

1 个答案: