Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/281.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将JS脚本链接到头文件?_Javascript_Php_Jquery_Html_Wordpress - Fatal编程技术网

Javascript 如何将JS脚本链接到头文件?

Javascript 如何将JS脚本链接到头文件?,javascript,php,jquery,html,wordpress,Javascript,Php,Jquery,Html,Wordpress,我想在Wordpress的头文件中添加一个带有jQuery的JS脚本。它的功能是在每次有人点击页面时,使代表页面的元素的背景变暗 我试着通过插件和functions.php文件添加它。两种方法都不起作用。我在我的子主题上的functions.php中插入了一段代码,这导致我的页面根本无法工作,甚至在删除了代码之后,因此我不得不用备份恢复该站点。在那之后,我添加了一个带有wp\u enqueue\u脚本的函数,它也不起作用。 幸运的是,在删除代码后,我的站点再次工作。我没有通过header.php

我想在Wordpress的头文件中添加一个带有jQuery的JS脚本。它的功能是在每次有人点击页面时,使代表页面的元素的背景变暗

我试着通过插件和
functions.php
文件添加它。两种方法都不起作用。我在我的子主题上的
functions.php
中插入了一段代码,这导致我的页面根本无法工作,甚至在删除了代码之后,因此我不得不用备份恢复该站点。在那之后,我添加了一个带有
wp\u enqueue\u脚本的函数,它也不起作用。
幸运的是,在删除代码后,我的站点再次工作。我没有通过
header.php
文件本身添加它,因为我读到它可能会给网站带来问题

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

编辑:添加了用于
函数的代码。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\u template\u directory\u uri()
替换为
get\u stylesheet\u directory\u uri()
,因为我要将它添加到子主题中。我从本教程中了解到:

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

回答您的问题,
wp\u enqueue\u script
-查看页脚中的第5个参数
$in\u footer
,它必须设置为
true
,这样您的脚本将加载到页眉中

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

您应该在
functions.php
中执行此操作。这是wordpress的标准方法,使用functions.php是正确的方法。如果您向我们展示了您尝试使用但不起作用的PHP代码,那么您对这个问题的回答会更有用,这样我们可以帮助您调试它。如果直接在函数中编写,添加的代码在更新后不会消失吗。PHP与对父主题的其他更改一样?最好在发布之前查看wordpress enqueue codex我添加了并将其设置为
true
,但我得到了相同的“站点遇到了技术困难”。错误类似于我在
函数.php
中插入其他代码时遇到的错误。谢谢您,请检查您的网站配置,
wp config.php
文件和/或联系主机支持,因为我认为这里还涉及其他内容。我没有主机,这是我制作的测试网站。我应该检查
wp config.php
以了解什么?您可以尝试逐个禁用插件并检查错误是否仍然存在吗?你使用的是什么版本的wordpress?您使用的是什么父主题?唯一安装的插件是classic editor。错误仍然存在。我还有最新的版本(5.2.1),父主题是212。