外部JavaScript没有加载在Wordpress中

时间:2016-10-24 12:14:17

标签: javascript wordpress

我试图在wordpress上加载自定义js文件,我已经上传到我的javascript主题文件夹,我在functions.php中使用以下代码,但我不能让它发挥作用:

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

add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' ); 

谢谢。

2 个答案:

答案 0 :(得分:1)

您需要使用 get_template_directory_uri()函数来获取主题文件夹路径。然后您可以传递js / yourjsfile路径名。

尝试以下代码

$arr = explode(" ", $string3);
$last_word = array_pop($arr);
$final_string = ucfirst($last_word)." ".strtoupper(implode(" ", $arr));
echo $final_string;

Jfyi - 如果您在当前活动主题文件夹中放置任何内容,则必须使用 get_template_directory_uri() 函数作为其主题目录的返回路径。

答案 1 :(得分:0)

问题是您使用了错误的功能来检索主题文件夹。

plugins_url()用于插件,您可以从其名称中猜出。这意味着它将指向/wp-content/plugins目录,这不是您的主题所在的位置。

您需要使用get_template_directory_uri()代替。请注意,此函数不会在目录地址后面返回尾部斜杠/,因此您需要将其添加到路径的开头。

所以这就是你的代码应该是这样的:

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' );