WordPress中的全日历不工作

时间:2015-05-13 作者:Aron

我正在努力实现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/

任何帮助都将不胜感激。

1 个回复
最合适的回答,由SO网友:jdm2112 整理而成

您的页面正在生成两个错误:UncaughtTypeError:undefined不是函数。

这可能是因为WordPress将jQuery设置为NoConflict模式。您的脚本正在使用$快捷方式,正在失败。

相应地修改脚本,替换快捷方式或包装jQuery。https://codex.wordpress.org/Function_Reference/wp_enqueue_script#jQuery_noConflict_Wrappers

结束

相关推荐