php - 如何在 Wordpress Elementor 脚本完全加载后运行我的脚本？

Question

我是 的新手WordPress , 但我有很好的经验
java 发展。我开发了一个小 WordPress 网站使用 海洋WP , 元素 .在主页中，我需要显示我网站中的注册成员(member)数量。

因此，在开发页面时，我使用了 COUNTER WIDGET 的元素 ,与 STARTING NUMBER 是 1 和 ENDING NUMBER 是 5 .但实际上我需要调用数据库 使用 获取注册成员的数量 Ajax 并将其显示在主页上。所以我决定使用 编写自己的自定义代码jQuery 在我的 DOM 完全加载后进行 ajax 调用。

我在我的 中写了以下代码函数.php

function load_js_assets() {

    if( is_page( 26 ) ) {
        wp_enqueue_script( 'home-js', get_template_directory_uri() . '/ucws-js/home-js.js', array ( 'jquery' ), 1.1, true);
    } 
}

    add_action( 'wp_enqueue_scripts', 'load_js_assets' );

然后我的 主页-js.js 将如下所示，

jQuery(document).ready(function( $ ) {

    alert("Default members : "+$("#registered-Members").text()); //alerts --> Default members : 1 // But expected Default members : 5
    getRegisteredMembers_UsingAjaxCall(); //ajax call to DB to get total number of registered members dynamically
});

我的期望:我需要打电话或加载我的 jQuery(document).ready(function( $ ){} , 在 之后元件 加载其所有 js 文件。请指导我，如果我走错了路。

注:我欢迎所有满足我要求的建议。

Answer 1

在你的 functions.php 主题中尝试这些钩子(Hook)
https://code.elementor.com/js-hooks/

add_action( 'wp_footer', function() {
    if ( ! defined( 'ELEMENTOR_VERSION' ) ) {
        return;
    }
    ?>
    <script>
        jQuery( function( $ ) {
            // jquery example
            console.log($('body'));
        } );
    </script>
    <?php
} );