FullCalendar無法在聚合物項目中渲染

Question

我正在嘗試在聚合物項目中使用FullCalendar創建日歷。 我遵循了FullCalendar文件夾中提供的演示頁面，但是，除了日歷之外，所有內容都呈現。 有什么特殊方法可以將Jquery插件用於聚合物項目嗎？ 這是我嘗試使用FullCalendar的方式。

導入樣式和腳本。

<link rel="stylesheet" href="fullcalendar/fullcalendar.css"/>
<link rel="stylesheet" href="fullcalendar/fullcalendar.print.css"/>

<script src="https://code.jquery.com/jquery-2.1.3.js"></script>
<script src="fullcalendar/lib/moment.min.js"></script>
<script src="fullcalendar/lib/jquery.min.js"></script>
<script src="fullcalendar/fullcalendar.min.js"></script>

html標記

<div id="calendar"></div>

用JavaScript創建表格

<script>
$(document).ready(function() {
  $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,basicWeek,basicDay'
        },
        defaultDate: '2016-01-12',
        editable: true,
        eventLimit: true, // allow "more" link when too many events
        events: [
            {
                title: 'All Day Event',
                start: '2016-01-01'
            },
            {
                title: 'Long Event',
                start: '2016-01-07',
                end: '2016-01-10'
            },
            {
                id: 999,
                title: 'Repeating Event',
                start: '2016-01-09T16:00:00'
            },
            {
                id: 999,
                title: 'Repeating Event',
                start: '2016-01-16T16:00:00'
            },
            {
                title: 'Conference',
                start: '2016-01-11',
                end: '2016-01-13'
            },
            {
                title: 'Meeting',
                start: '2016-01-12T10:30:00',
                end: '2016-01-12T12:30:00'
            }
        ]
    });
});
</script>

Answer 1

在使用第三方庫時，以下步驟對我證明很有用：

1）創建一個包裝器元素（例如fullcalendar-wrapper.html），在其中將所有腳本引用放入所需的外部腳本中

2）創建一個具有日歷的自定義組件（例如，calendar-test.html）

• 像其他依賴項一樣導入fullcalendar-wrapper

• 使用組件的“就緒”事件初始化日歷。 因此，您應將document.on（'ready'）下的代碼移至聚合物組件的'ready'事件

現在，您正在頁面准備就緒時進行設置，但是Polymer系統可能尚未准備好。

Answer 2

我可能認為問題出在兩個附帶的jQuery庫中（一個來自code.jquery.com （第一個script標簽），另一個來自fullcalendar （第三個script標簽），請嘗試刪除其中一個。
瀏覽器開發者控制台中是否有任何錯誤消息？