如何將JS腳本鏈接到我的頭文件？

Question

我想將帶有jQuery的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查看第5個參數$in_footer ，必須將其設置為true ，這樣您的腳本將被加載到標頭中。

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