用wp_enqueue加载脚本

Question

<?php

//Load Javascript


function my_scripts() {
    wp_register_script('fancyfields', get_template_directory_uri() . '/js/fancyfields-1.2.min.js', array('jquery'), null, true);
    wp_register_script('headmap', get_template_directory_uri() . '/js/headmap.js', array('markerclusterer'), null, true);
    wp_register_script('infobox', get_template_directory_uri() . '/js/infobox.js', array('markerclusterer'), null, true);
    wp_register_script('gmaps_google', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://maps.google.com/maps/api/js?sensor=false", false, null, true);
    wp_register_script('markerclusterer', get_template_directory_uri() . '/js/markclusterer.js', array('gmaps_google'), null, true);

    wp_enqueue_script('fancyfields');
    wp_enqueue_script('headmap');
    wp_enqueue_script('infobox');
    wp_enqueue_script('gmaps_google');
    wp_enqueue_script('markerclusterer');

}
add_action('wp_enqueue_scripts', 'my_scripts');
?>

我在这里想念什么吗？

为什么这不起作用。 我已将上面的代码放入childs function.php文件中，但是这些脚本未加载到我需要的页面上。

有人可以在这里看到严重的缺陷吗？

谢谢！！

Answer 1

您说这是在儿童主题中，所以我假设文件也位于此位置。

get_template_directory_uri()将返回父主题。 在此处找不到文件，因此未加载文件。

请改用get_stylesheet_directory_uri() 。

例如

wp_register_script('fancyfields', get_stylesheet_directory_uri() . '/js/fancyfields-1.2.min.js', array('jquery'), null, true);