Wordpress的FullCalendar樣式管理頁面

Question

我想在WordPress的管理頁面添加FullCalendar UI！但是，雖然它加載，但它的樣式未啓用。例如，今天的下一個標題選項（如prev和next）根本不可見。

這裏問題的原因是什麼？

任何幫助，將不勝感激

Answer 1

你要好好排隊的腳本和樣式。第一個腳本被註冊，然後入隊作爲start-js的依賴關係，這是觸發日曆的自定義JS。不要排隊外部jQuery，使用與WP捆綁在一起的jQuery。

add_action('admin_menu', function() 
{ 
    $hook = add_menu_page( 
     'FC', 
     'FC', 
     'add_users', 
     'fc_admin', 
     'render_page', 
     'http://i.stack.imgur.com/s2ons.png' 
    ); 

    add_action("admin_print_scripts-$hook", function() 
    { 
     wp_enqueue_style('ui-css', plugins_url('/lib/cupertino/jquery-ui.min.css', __FILE__)); 
     wp_enqueue_style('full-css', plugins_url('/fullcalendar.css', __FILE__)); 
     wp_register_script('moment-js', plugins_url('/lib/moment.min.js', __FILE__)); 
     wp_register_script('full-js', plugins_url('/fullcalendar.min.js', __FILE__)); 
     wp_enqueue_script('start-js', plugins_url('/start.js', __FILE__), array('jquery', 'moment-js', 'full-js')); 
    }); 
}); 

function render_page() 
{ 
    ?> 
    <h2>Full Calendar</h2> 
    <div id='calendar'></div> 
    <?php 
} 

而且start.js文件：

jQuery(document).ready(function($) { 
    $('#calendar').fullCalendar({ /* SETTINGS */ }); 
});