Как правильно связать мой JavaScript файл с помощью enqueue в WordPress - PullRequest
Новая
       6

Как правильно связать мой JavaScript файл с помощью enqueue в WordPress

0 голосов
/ 01 февраля 2020

Я убедился, что wp_head() в голове и wp_footer() перед концом тела.

Мои таблицы стилей загружаются нормально, но я не могу загрузить простой файл scripts.js для загрузки. Я пробовал разные параметры, и т. Д. c.

Редактировать: в том числе: я пытался добавить его в заголовок, который работал для стиля. css, отключая все плагины, различные логические значения, где разрешено, ноль, где разрешено. разные имена, вызывая get_stylesheet_directory вместо get_template_directory.

Вот мой functions.php: 

<?php

function load_stylesheets() 
{

    wp_register_style('bootstrap', get_template_directory_uri(). '/css/bootstrap.min.css', array(), false, 'all');
    wp_enqueue_style('bootstrap');

    wp_register_style('style', get_template_directory_uri(). '/style.css', array(), false, 'all');
    wp_enqueue_style('style');
}
add_action('wp_enqueue_scripts', 'load_stylesheets');


function loadJs()
{

    wp_register_script('customjs', get_template_directory_uri(). '/js/scripts.js', '', 1, true);
    wp_enqueue_script('customjs');
}
add_action('wp_enqueue_scripts', 'loadJs');

?>

Редактировать 2:

Самая странная вещь. С кодом, перечисленным выше, я как бы сдался и продолжил работу в другой области. Неожиданно, примерно через пятнадцать минут, файл js был связан.

Все, что я сделал по-другому, когда дело касается js, - это обходной путь с файлами bootstrap и связывание их с помощью ссылок CDN ниже wp_footer. (), который работал нормально, что позволило мне, по крайней мере, продолжить работу на этом этапе.

Я не думаю, что это связано, но это все, что изменилось. После того, как файл js был связан, я связал bootstrap таким же образом. Точно так же это не связывало сразу. Я не изменил код, а через пару минут - связал. Так странно.

1 Ответ

0 голосов
/ 03 февраля 2020

Не могли бы вы попробовать с этим кодом: 


function load_stylesheets() 
{

    wp_register_style('bootstrap', get_template_directory_uri(). '/css/bootstrap.min.css', array(), false, 'all');
    wp_enqueue_style('bootstrap');

    wp_register_style('style', get_template_directory_uri(). '/style.css', array(), false, 'all');
    wp_enqueue_style('style');
}
add_action('wp_enqueue_scripts', 'load_stylesheets');


function loadJs()
{
    wp_enqueue_script( 'customjs', get_template_directory_uri() . '/js/scripts.js', array(), '1.0.0', true );
}
add_action('wp_enqueue_scripts', 'loadJs');

?>
...