Javascript 如何将JS脚本链接到头文件?
我想在Wordpress的头文件中添加一个带有jQuery的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
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。