我一直想补充this calendar 到我的wordpress页面。我关注了文档,但它仍然没有显示出来。这就是我所做的。
我首先将其添加到我的子主题函数文件中:
function fullcalendar_jquery_enqueue() {
wp_register_script(\'fullcalendar\', "https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/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\', \'https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.css\');
wp_register_style(\'fullcalendarprintcss\', \'https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.print.css\');
wp_enqueue_style( \'fullcalendarcss\');
wp_enqueue_style( \'fullcalendarprintcss\');
}
add_action(\'wp_print_styles\', \'load_styles\');
然后我将这个JS添加到我的自定义中。js文件:
jQuery(document).ready(function ($) {
var calendar = jQuery(\'#calendar\').fullCalendar({
editable: true,
});
});
然后我补充道
<div id=\'calendar\'></div>
但日历没有显示。在控制台中,它显示“UncaughtTypeError”。
有人能看一下,让我知道我可能做错了什么吗?非常感谢。
SO网友:hemoglobin
算了吧!
首先,我通过了Iceable的建议,并在上面添加了瞬间脚本,就像这样
wp_register_script(\'moment\', "https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js");
wp_register_script( \'fullcalendar\', "https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.js", array( \'jquery\' ), null, true);
然后我像这样编辑了JS
jQuery(function ($) {
$(\'#calendar\').fullCalendar({
})
});
它出现了!