Question

我正在尝试开发我的第一个Wordpress主题，但我在我的子主题的functions.php文件中加载了几个javascript文件时遇到了问题。我必须遗漏一些东西，因为我的脚本没有运行，但我的判断还是比较正确的。

这是我在我的子主题中添加到functions.php文件中的代码。它加载一个javascript动画库，然后加载我的自定义脚本，其中没有一个依赖于jQuery。

add_action('wp_enqueue_scripts', 'custom_theme_scripts');

function custom_theme_scripts() {
    wp_register_script('GSAP','http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenLite.min.js', true);
    wp_register_script('Animations', get_stylesheet_directory_uri() . '/animation.js', true);

    wp_enqueue_script('GSAP');
    wp_enqueue_script('Animations');
}

这是我的自定义脚本，其目标是页面上的.svg元素，ID为＆＃34; logo＆＃34;

window.onload = function() {

    var logo = document.getElementById("logo");
    TweenLite.to(logo, 1.5, { width:5000 });

};

Answer 1

我将您的代码复制并粘贴到我的一个子主题中，包括您的javascript代码和所有运行都没有问题。

确保在为自己的WordPress主题创建子主题时，可以进行正确的设置：

style.css：检查它是否包含正确的标题，其中包含带有父主题目录名称的倾斜线。
functions.php：当您包含子主题时，您必须在子主题的functions.php中添加父style.css的注册。换句话说，在激活子主题之前，请确保在注册脚本时包含此主题：

。

wp_register_style( 'childstyle', get_stylesheet_directory_uri() . '/style.css'  );
wp_enqueue_style( 'childstyle' );

除此之外，如果一切设置正确，它应该加载你的脚本。检查通过浏览器中的开发工具加载的资源。或者尝试加载任何其他javascript行来检查脚本是否正在运行。

如果主题设置的其余部分已正确完成，您发布的脚本将起作用。我不能说更多，我希望它有所帮助

无法在Wordpress子主题中加载脚本

1 个答案: