Я связал файл jquery в functions.php, но не работает Вот код в functions.php
add_action("wp_footer","js_scripts");
function js_scripts()
{
wp_enqueue_script("jquery",get_template_directory_uri()."/jquery.js");
wp_enqueue_script("f",get_template_directory_uri()."/f.js");
}
Вот код в f.js
$(document).ready(function(){
alert("ready good");
});

Во-первых, убедитесь, что WordPress загружается в ваш шаблон.
В вашем головном файле убедитесь, что вы загрузили это, а не в файл функций
<?php wp_enqueue_script("jquery"); ?>
Затем WordPress должен использовать режим noConflict или использовать базовый вызов jQuery вместо $..
Вам нужно убедиться, что вы загрузили файл f.js в /wp-content/themes/youractivetheme/f.js.
А также не нужно загружать jquery.js, потому что он уже наследует и включает от wp-includes.
Вы можете использовать этот метод вместо get_template_directory_uri().
get_stylesheet_directory_uri();
Или
function wpdocs_scripts_method() {
wp_enqueue_script( 'custom-script', get_stylesheet_directory_uri() . '/f.js', array( 'jquery' ) ); }
add_action( 'wp_enqueue_scripts', 'wpdocs_scripts_method', 100 );
вы добавляете так и определяете высоту приоритета, чтобы он был загружен наконец.
Есть несколько проблем с вашим кодом...
Прежде всего, вы не должны ставить скрипты в очередь с помощью хука wp_footer. Слишком поздно.
wp_footer — это хук действия, который запускается во время вызова функции wp_footer(). И печать скриптов нижнего колонтитула — это действие, назначенное этому хуку. Это означает, что для печати каких-либо скриптов вы должны поставить их в очередь до того, как они будут напечатаны.
Хорошей практикой является ставить скрипты в очередь с помощью хука wp_enqueue_scripts. И если вы хотите поставить его в очередь для нижнего колонтитула, то есть параметр сообщает WP, следует ли поместить данный скрипт в верхний или нижний колонтитул. Итак, после изменения этого кода ваш код будет выглядеть так:
function js_scripts() {
wp_enqueue_script( 'jquery', get_template_directory_uri() . '/jquery.js', array(), null, true );
wp_enqueue_script( 'f', get_template_directory_uri() . '/f.js', array(), null, true );
}
add_action( 'wp_enqueue_scripts', 'js_scripts' );
Еще одна вещь заключается в том, что у WordPress уже есть собственный файл jQuery, и вы всегда должны использовать его. Все темы и плагины предполагают, что это версия jQuery, которая используется на сайте, поэтому добавление в очередь собственного файла jQuery может вызвать множество конфликтов. И вам не нужно ставить его в очередь — все, что вам нужно сделать, это использовать механизм зависимости скрипта:
function js_scripts() {
wp_enqueue_script( 'f', get_template_directory_uri() . '/f.js', array('jquery'), null, true );
}
add_action( 'wp_enqueue_scripts', 'js_scripts' );
И последнее... WordPress использует jQuery в бесконфликтном режиме. Это означает, что вы не можете использовать $ в своих скриптах, потому что такая глобальная переменная не определена. Вместо этого вы должны использовать jQuery. Вы можете облегчить себе жизнь, обернув весь свой код функцией. Итак, ваш JS-файл должен выглядеть так:
jQuery(function ($) {
// you can use $ inside this function
$(document).ready(function(){
alert("ready good");
});
});
Jquery уже есть в вашем WordPress, вы просто добавляете его в свой файл. Как вы можете использовать его, как указано ниже:
function theme_enqueue_scripts() {
wp_enqueue_script( 'f-script', get_stylesheet_directory_uri() . '/f.js', array( 'jquery' ) ); }
add_action( 'wp_enqueue_scripts', 'theme_enqueue_scripts', 10 );
Таким образом, файл f.js поставит jquery в очередь до того, как он загрузится, поскольку «jquery» дал зависимость от этого дескриптора.
Надеюсь, это сработает для вас.