Wordpress wp_enqueue_script() 和页脚中的 jQuery答案

【问题标题】：Wordpress wp_enqueue_script() and jQuery in footerWordpress wp_enqueue_script() 和页脚中的 jQuery
【发布时间】：2020-07-30 18:11:27
【问题描述】：

我尝试在我的父模板中加载 jQuery。它可以工作，但在标题中加载，尽管最后一个参数设置为 true。将我的 wp_head() 放在两个模板中。当我将一些 jQuery 放入我的 main.js（在页脚中加载）时，它确实有效。但是我对重力形式和谷歌 Recaptcha 有一些问题，因为 jquery 在标题中。这是我在父模板中的代码：

{
    wp_register_style('reset', get_template_directory_uri() . '/styles/reset.css', []);
    wp_register_style('fontawesome', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css', []);
    wp_register_style('graphandco', get_stylesheet_directory_uri() . '/styles/style.css', []);


    wp_register_script('gsap', 'https://cdnjs.cloudflare.com/ajax/libs/gsap/3.2.4/gsap.min.js', [], false, true);
    wp_register_script('graphandco', get_stylesheet_directory_uri() . '/js/main.js', []);

    wp_enqueue_style('reset');
    wp_enqueue_style('fontawesome');
    wp_enqueue_style('graphandco');

    wp_enqueue_script('gsap');
    wp_enqueue_script('graphandco', get_stylesheet_directory_uri() . '/js/main.js', array('jquery'), false, true);
}


add_action('wp_enqueue_scripts', 'graphandco_register_assets');```

Thanks in advance !

【问题讨论】：

标签： jquery footer

【解决方案1】：

首先阅读wp_enqueue_script()。

您不需要在functions.php 文件中注销或注册jQuery。因为 WordPress 使用 jQuery 本身。

每当您添加依赖于 jQuery 的 JS 时，您只需在 wp_enqueue_script() 函数中添加 jquery 的第三个参数即可。在最后一个参数中，您必须添加true，以便将其加载到页脚中。检查以下示例。

wp_enqueue_script( 'JS-NAME', 'JS-FILE-PATH', array('jquery'), 'VERSION', true);

【讨论】：

感谢反馈，我删除了jquery的注册和入队，但jquery不再加载，即使在标题中也是如此。我的 main.js 不需要 jquery，但它用于测试并得到“$ 不是函数”。 grecaptcha.render 也不是一个函数。 `` wp_register_script('graphandco', get_stylesheet_directory_uri() . '/js/main.js', array('jquery'), false, true);``
我的错误。您需要将脚本排入队列。请检查我的更新答案。
但我想还是需要先注册？带所有参数？
不，如果您使用所有参数直接将脚本排入队列，则不需要注册。
我删除了寄存器部分，连样式都坏了。 wp_enqueue_script('graphandco', get_stylesheet_directory_uri() . '/js/main.js', array('jquery'), false, true);