如何在Wordpress中调用此脚本?

时间:2016-10-24 13:47:18

标签: javascript wordpress

我有一个脚本文件(service-graph.js),我想让它在wordpress中工作,我有非常基本的javascript知识,所以我不确定脚本是否适用于wordpress,内容如下:

jQuery(document).ready(function() {
var url = window.location.pathname;
var path = url.split('/');

jQuery('.curve-item.' + path[2]).addClass('default');

if (path[2] == 'blueprint')
    jQuery('.overview-graph .middle-item').addClass('default');

jQuery('.curve-item .logo').hover(
    function() {
        if (jQuery(this).parent().hasClass('default')) return;
        jQuery(this).parent().addClass('on');
    }, function() {
        jQuery(this).parent().removeClass('on');
    }
).css('cursor', 'pointer').on('click', function () {
    location.href = '/services/' + jQuery(this).parent('.curve-item').data('target');
});

jQuery('.overview-graph .middle-item').on('click', function () {
    location.href = '/services/blueprint';
}).css('cursor', 'pointer');

});

我使用此函数调用functions.php上的脚本

function wpb_adding_scripts() {
    wp_register_script('service-graph', get_template_directory_uri() . '/js/service-graph.js', array('jquery'), '1.1', true);
    wp_enqueue_script('service-graph');
} 
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );

1 个答案:

答案 0 :(得分:0)

不需要在WordPress中进一步调用该脚本。您是否检查过浏览器资源以确保正在加载service-graph.js和jQuery?我觉得这是一个jQuery版本不匹配。