Пользовательский интерфейс fullcalendar не отображается

Я считаю, что у меня все правильно закодировано, так как Dreamweaver не показывает синтаксических ошибок, однако пользовательский интерфейс fullcalendar не отображается ни на панели предварительного просмотра Dreamweaver s, но, тем не менее, отображает 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

1 ответ

Вам не хватает одного файла CSS fullcalendar.print.css пожалуйста, включите это. Вы можете использовать путь CDN //cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.print.css

Проверьте консоль, может быть ошибка jquery не определена. Включите файл в этом случае. путь cdn https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js

Для полной загрузки fullcalendar нажмите здесь..

Включите ваши файлы в этой последовательности.

  1. Момент js
  2. JQuery JS
  3. Полный календарь js

Ps: и убедитесь, что каждый файл включен правильно.

Я создал ссылку jsfiddle в левом меню, нажмите на внешние источники. Нажмите здесь для jsfiddle

Другие вопросы по тегам