Wordpress添加jQuery完整日历支持wordpress

时间:2014-12-04 18:39:13

标签: javascript jquery wordpress wordpress-plugin fullcalendar

我想在我的wordpress插件中添加一个jQuery完整日历。默认情况下,wordpress包含jQuery的这些小部件:http://codex.wordpress.org/Function_Reference/wp_enqueue_script#Default_Scripts_Included_and_Registered_by_WordPress但是我想要的小部件:http://fullcalendar.io/不是默认的jQuery安装的一部分。

有人可以详细说明如何作为我的插件的一部分,我可以添加对jQuery完整日历的支持吗?这个问题与我在这里提出的另一个问题有关:"undefined is not a function" when I add a WordPress plugin

问题的背景是在二十四个主题下我的插件中的代码运行正常。在一个不同的主题 - OptimizePress - 代码不起作用,我认为这是因为jQuery是由OptimizePress加载的,因此不包括我对日历的jQuery支持。

请帮忙!

1 个答案:

答案 0 :(得分:1)

将此添加到您孩子主题的functions.php文件中。

function fullcalendar_jquery_enqueue() {
    wp_register_script('fullcalendar', "http//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.3/fullcalendar.min.js", false, null, true);
    wp_enqueue_script('fullcalendar');
}
add_action("wp_enqueue_scripts", "fullcalendar_jquery_enqueue", 11);

function load_styles() {
    wp_register_style('fullcalendarcss', 'http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.3/fullcalendar.min.css');
    wp_register_style('fullcalendarprintcss', 'http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.3/fullcalendar.print.css');
    wp_enqueue_style( 'fullcalendarcss');
    wp_enqueue_style( 'fullcalendarprintcss');
}
add_action('wp_print_styles', 'load_styles');