如何在WordPress AJAX分页中确保JavaScript代码持续生效

(function($) {
    $(document).ready(function() {
        // 初始页面加载时执行
        courseElements();

        // 监听插件的AJAX完成事件
        $(document).on('tribe_events_ajax_pagination_complete', function() {
            console.log('Events Calendar AJAX pagination complete. Re-running courseElements.');
            courseElements(); // 重新执行您的函数
        });

        // 如果插件有其他AJAX事件，也可能需要监听
        // 例如：$(document).on('another_plugin_ajax_event', function() { courseElements(); });
    });

    // 您的核心功能函数
    function courseElements() {
        // 确保您的函数是幂等的，即多次执行不会产生副作用，
        // 或者只作用于尚未处理的新元素。
        // 例如，可以使用一个类来标记已处理的元素，避免重复处理。
        $('.my-course-element:not(.processed)').each(function() {
            // 对每个元素执行DOM操作
            // ...
            $(this).addClass('processed'); // 标记为已处理
        });
        console.log('courseElements executed.');
    }

})(jQuery);

(function() {
    // 您的核心功能函数
    function courseElements() {
        // 确保您的函数是幂等的，即多次执行不会产生副作用，
        // 或者只作用于尚未处理的新元素。
        $('.my-course-element:not(.processed)').each(function() {
            // 对每个元素执行DOM操作
            // ...
            $(this).addClass('processed'); // 标记为已处理
        });
        console.log('courseElements executed via global AJAX listener.');
    }

    // 初始页面加载时执行
    document.addEventListener('DOMContentLoaded', function() {
        courseElements();
    });

    // 劫持 XMLHttpRequest 的 open 方法
    const originalXHRopen = XMLHttpRequest.prototype.open;
    XMLHttpRequest.prototype.open = function() {
        // 存储原始的 onreadystatechange 回调
        const originalOnReadyStateChange = this.onreadystatechange;

        // 覆盖 onreadystatechange
        this.onreadystatechange = function() {
            // 如果请求完成且成功 (readyState 4, status 200)
            if (this.readyState === 4 && this.status === 200) {
                // 可以在这里添加逻辑来检查响应内容或URL，以确定是否需要执行 courseElements()
                // 例如：if (this.responseURL.includes('events-calendar-ajax-url')) {
                courseElements();
                // }
            }
            // 调用原始的 onreadystatechange 回调，确保其他功能不受影响
            if (originalOnReadyStateChange) {
                originalOnReadyStateChange.apply(this, arguments);
            }
        };

        // 调用原始的 open 方法
        originalXHRopen.apply(this, arguments);
    };
})();