时间戳

首页 > 解决方案 > Wordpress wp_enqueue_script() 和页脚中的 jQuery

jquery - Wordpress wp_enqueue_script() 和页脚中的 jQuery

问题描述

我尝试在我的父模板中加载 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 !

标签： jqueryfooter

解决方案

首先阅读wp_enqueue_script()。

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

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

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

推荐阅读