我正在努力实现FullCalendar 在我的WordPress网站上显示希伯来文日历Hebcal API. 我相信我已经通过使用wp\\u register\\u script()和wp\\u enqueue\\u script()函数加载了所有必需的脚本和样式。
这是我在子主题函数中的代码。php文件:
function custom_scripts() {
wp_enqueue_style( \'steedicons\', get_stylesheet_directory_uri() . \'/webfonts/ss-steedicons.css\' );
wp_register_style(\'VT323-font\', \'http://fonts.googleapis.com/css?family=VT323\');
wp_enqueue_style( \'VT323-font\');
wp_enqueue_style( \'fullcalstyles\', \'https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.6/fullcalendar.min.css\' );
wp_enqueue_style( \'hebcal\', get_stylesheet_directory_uri() . \'/hebcal/hebcal-styles.css\' );
}
function hebcal_scripts() {
wp_register_script(\'moment\', \'https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js\');
wp_register_script(\'fullcaljs\', \'https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.6/fullcalendar.min.js\');
wp_register_script(\'hebcaljs\', get_stylesheet_directory_uri() . \'/hebcal/hebcal-fullcalendar.js\');
wp_enqueue_script(\'moment\');
wp_enqueue_script(\'fullcaljs\');
wp_enqueue_script(\'hebcaljs\');
}
add_action( \'wp_enqueue_scripts\', \'custom_scripts\' );
add_action( \'wp_enqueue_scripts\', \'hebcal_scripts\' );
下面是我用HTML粘贴到页面本身的代码:
<div id="calendar"></div>
<script>
$(document).ready(function() {
$("#calendar").fullCalendar({
header: {
left: "prev,next today",
center: "title",
right: "month,agendaWeek,agendaDay"
},
editable: false,
fixedWeekCount: false,
timezone: false,
events: {
url: "http://www.hebcal.com/hebcal/?cfg=fc&v=1&i=off&maj=on&min=on&nx=on&mf=on&ss=on&mod=on&lg=s&s=on",
cache: true
}
});
$("body").keydown(function(e) {
if (e.keyCode == 37) {
$(\'#calendar\').fullCalendar(\'prev\');
} else if (e.keyCode == 39) {
$(\'#calendar\').fullCalendar(\'next\');
}
});
});
</script>
但是,不会显示任何内容。我经历了一切,不知道我做错了什么。以下是指向我试图显示此日历的页面的链接:
http://aronadler.com/ljoy/events/任何帮助都将不胜感激。