javascript - 如何将 JS 脚本链接到我的头文件？

Question

我想将带有 jQ​​uery 的 JS 脚本添加到 Wordpress 的头文件中。它的功能是每当有人点击代表页面的元素时，该元素的背景就会变暗。

我尝试使用插件和通过functions.php 文件添加它。这两种方法都行不通。我在子主题的 functions.php 中插入了一段代码，这导致我的页面根本无法工作，即使在删除代码之后也是如此，所以我必须通过备份来恢复该网站。之后我添加了一个带有 wp_enqueue_script 的函数，但它也不起作用。幸运的是，删除代码后我的网站再次运行。我没有通过 header.php 文件本身添加它，因为我读到它可能会给网站带来问题。

所以我的问题是:有没有办法将 JS 脚本链接到 header.php？也许不使用 functions.php？

编辑:添加了用于functions.php的代码

function my_theme_scripts_function() {

wp_enqueue_script( 'myscript', get_stylesheet_directory_uri() . '/js/myscript.js');

}

add_action('wp_enqueue_scripts','my_theme_scripts_function');

我将 get_template_directory_uri() 替换为 get_stylesheet_directory_uri()，因为我要将其添加到子主题中。我从本教程中得到它:https://www.collectiveray.com/wp/tips/add-javascript-to-wordpress

Answer 1

您应该使用子主题的functions.php 文件来防止更新覆盖您的更改。

回答你的问题，wp_enqueue_script - 查看第五个参数$in_footer，它必须设置为true，因此你的脚本将是已加载到 header 中。

wp_enqueue_script( string $handle, string $src = '', array $deps = array(), string|bool|null $ver = false, bool $in_footer = false )