Fullcalanderのjqueryがワードプレスで動作しない

Question

私はfullcalanderの選択可能なjqueryに取り組んでいます。ワードプレスで使用する必要があります。テンプレートファイルを作成し、テンプレートファイルでcalander divを呼び出して、 "fullcalendar.css" fullcalendar.print.css "とfooter.Itの" moment.min.js "と" fullcalendar.min.js "には、CSS効果がなく、選択可能なイベントを処理していないカレンダーしか表示されません。 java script error.Iこのfullcalanderスクリプトを使用しています。すべてのプラグインを無効にしようとしました。

jQuery(document).ready(function($) { 

    $('#calendar').fullCalendar({ 
     header: { 
      left: 'prev,next today', 
      center: 'title', 
      right: 'month,agendaWeek,agendaDay' 
     }, 
     defaultDate: '2016-08-05', 
     theme: true, 
     selectable: true, 
     selectHelper: true, 
     select: function(start, end) { 
      var title = prompt('Event Title:'); alert(title); 
      var eventData; 
      if (title) { 
       eventData = { 
        title: title, 
        start: start, 
        end: end 
       }; 

       $('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true 
      } 


      $('#calendar').fullCalendar('unselect'); 
     }, 
     editable: true, 
     eventLimit: true, // allow "more" link when too many events 
     events: [ 
      { 
       title: 'All Day Event', 
       start: '2016-08-09' 
      }, 
      { 
       title: 'Long Event', 
       start: '2016-08-07', 
       end: '2016-08-15' 
      }, 
      { 
       id: 999, 
       title: 'Repeating Event', 
       start: '2016-06-09T16:00:00' 
      }, 
      { 
       id: 999, 
       title: 'Repeating Event', 
       start: '2016-06-16T16:00:00' 
      }, 
      { 
       title: 'Conference', 
       start: '2016-06-11', 
       end: '2016-06-13' 
      }, 
      { 
       title: 'Meeting', 
       start: '2016-06-12T10:30:00', 
       end: '2016-06-12T12:30:00' 
      }, 
      { 
       title: 'Lunch', 
       start: '2016-06-12T12:00:00' 
      }, 
      { 
       title: 'Meeting', 
       start: '2016-06-12T14:30:00' 
      }, 
      { 
       title: 'Happy Hour', 
       start: '2016-06-12T17:30:00' 
      }, 
      { 
       title: 'Dinner', 
       start: '2016-06-12T20:00:00' 
      }, 
      { 
       title: 'Birthday Party', 
       start: '2016-06-13T07:00:00' 
      }, 
      { 
       title: 'Click for Google', 
       url: 'http://google.com/', 
       start: '2016-06-28' 
      } 
     ] 


    }); 

}); 

Answer 1

私の問題はresolved.Iは "fullcalendar.min.css" の後に "fullcalendar.print.css" を追加しましたされています。私は "print.css"ファイルにコメントしたところ、うまく動作し始めました。