Wordpress - 将脚本附加到页脚会取消“wp_enqueue_scripts”

Question

在 functions.php 我添加了以下内容：

add_action('wp_footer', '_head_js');

它访问以下 function：

function _head_js()
{ ?>
    <script>
        window.onload = (() =>
        {
            categ = document.getElementById('cat');
            categ.firstElementChild.innerHTML = 'Categories';  
        });
    </script>
<?php }

现在我的add_action('wp_enqueue_scripts', '_load'); 无法再工作了。

我们的_load function：

function _load()
{
wp_enqueue_style('main', get_stylesheet_uri() );
wp_enqueue_style('icons', '//cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css');
wp_enqueue_script('main', get_template_directory_uri() . '/js/main.js', false);
};

Answer 1

如果有人遇到类似的错误，则问题如下：

我在页脚部分的window.onload上加载了一个脚本，这阻止了任何其他脚本进一步加载。

在没有window.onload的情况下加载脚本完美无缺（尽管提供了一些我不希望发生的加载视觉效果）。

Answer 2

请检查查看源代码并检查页面上是否加载了 main.js？

如果没有请试试这个-

    function _load() {
                wp_enqueue_style('main-css', get_stylesheet_uri() );
                wp_enqueue_style('icons', '//cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css');
                wp_enqueue_script('main-js', get_template_directory_uri() . '/js/main.js', false);

}