Пользовательский JavaScript не выполняется из браузера

#javascript #php #wordpress #wordpress-theming

#javascript #php #wordpress #wordpress-тематизация

Вопрос:

Я добавил пользовательский файл js и поместил его в очередь в моей дочерней теме functions.php файл. Если я объявлю переменную для тестирования и консоли.запишите его из самого файла, он работает. Однако, если я попытаюсь выполнить тот же тест из консоли браузера, я получу ошибку ссылки. Я попытался загрузить файл сценария в нижний колонтитул вместо заголовка, но проблема не устранена. Есть идеи, что может быть не так?

Поставить js-файл в очередь из functions.php

     function enque_custom_script() {
        if( is_page(146) ) {
            wp_enqueue_script( 'login-tabs', './js/login-tabs.js', array('jquery'), '',true);
        }
      }
      
      add_action('wp_enqueue_scripts', 'enque_custom_script');
  

Тест JavaScript (переменная страницы входа успешно зарегистрирована в консоли. Я получаю ошибку ссылки, если я пытаюсь вызвать ее снова из консоли браузера)

 jQuery(document).ready(function ($) {
    const loginPage = document.getElementById('customer_login');

    if (loginPage) {
        console.log(loginPage);
    }

});
  

Комментарии:

1. попробуйте const loginPage = document.getElementById('customer_login'); if (loginPage) {console.log(loginPage);} в консоли браузера, работает ли это?

2. Это работает, но возвращает неопределенный

3. Это может быть просто проблема областей. Вы определяете переменную LoginPage const внутри обратного вызова функции ready. Ваш браузер использует глобальное пространство имен, я думаю, переменной там никогда не будет

4. Да, это была проблема. Большое вам спасибо.