Не найден файл jquery в wordpress

Я связал файл 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");
});
Как конвертировать HTML в PDF с помощью jsPDF
Как конвертировать HTML в PDF с помощью jsPDF
В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.
1
0
167
4

Ответы 4

Во-первых, убедитесь, что 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» дал зависимость от этого дескриптора.

Надеюсь, это сработает для вас.

Другие вопросы по теме