Vollkalender js mit WordPress

Question

Ich benutze vollen Kalender js mit meinem benutzerdefinierten Plug-in in WordPress. Ich habe vollständige Kalender mit WordPress erfolgreich eingerichtet und dynamische Daten mit AJAX und Daten auch auf Kalender gesetzt. Aber, auf der linken Seite, Vorherige Nächste und Heute-Schaltfläche wird nicht angezeigt und Wählen Sie Ereignis funktioniert auch nicht. Ich habe es mit deiner Demo überprüft, aber es funktioniert gut mit deiner Demo. Ich weiß nicht, was sind die Probleme mit mir.

Ich füge Screenshot meines Problems an.

Folgende ist mein Code: umfassen JS und CSS

wp_enqueue_script('jquery-1.10.2', plugins_url('js/jquery-1.10.2.js', __FILE__)); 
wp_enqueue_script('jquery-ui', plugins_url('js/jquery-ui.js', __FILE__)); 
wp_enqueue_script('moment.min', plugins_url('js/moment.min.js', __FILE__)); 
wp_enqueue_script('fullcalendar.min', plugins_url('js/fullcalendar.min.js', __FILE__)); 
wp_enqueue_script('room-availability', plugins_url('js/room-availability.js', __FILE__),array('jquery'), null, true); 

wp_enqueue_style('fullcalendar', plugins_url('css/fullcalendar.css', __FILE__)); 
wp_enqueue_style('fullcalendar.print', plugins_url('css/fullcalendar.print.css', __FILE__)); 
wp_enqueue_style('jquery-ui', plugins_url('css/jquery-ui.css', __FILE__)); 
wp_enqueue_style('rooms-availability', plugins_url('css/rooms-availability.css', __FILE__)); 

gesamten Kalender js-Code

$('#calendar').fullCalendar({ 
     header: { 
      left: 'prev,next today', 
      center: 'title', 
      right: 'month,agendaWeek,agendaDay' 
     }, 
     defaultDate: date.yyyymmdd(), 
     selectable: true, 
     selectHelper: true, 
     select: function (start, end) { 
      var title = prompt('Event 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, 
     events: { 
      url: ajaxurl + "?action=get_booking_detail&room-type=3392", 
      error: function() { 
       $('#script-warning').show(); 
      } 
     }, 
     loading: function (bool) { 
      $('#loading').toggle(bool); 
     } 
    }); 

Answer 1

Ein kleiner Fehler, den ich in meinem Code tat. Das heißt, ich habe vergessen, media='print' in fullcalendar.print-css Datei hinzuzufügen.

Das ist es. :)