Wordpress

Question

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

add_action('wp_footer', '_head_js');

它访问以下函数：

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

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

我们的 _load 函数：

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);

}

Wordpress - 将脚本附加到页脚取消 "wp_enqueue_scripts"

Wordpress - Appending scripts to footer cancels "wp_enqueue_scripts"

javascript

wordpress-theming