WordPress Load Next Post with AJAX

functions.php

add_action( 'wp_footer', function () {
	if ( is_single() ) {
		?>
		<script>
			jQuery( function ( $ ) {
				var gl_load_spinner = $( '#gl-load-more-spinner' );
				var gl_next_post_link = $( '.elementor-post-navigation__next.elementor-post-navigation__link a' ).attr( 'href' );
				var canBeLoaded = true;
				const bottomOffset = 2000;
				
				gl_load_spinner.hide();
				$( '.elementor-element.elementor-widget.elementor-widget-post-navigation' ).hide();
				$( window ).scroll( function () {
					if ( $( document ).scrollTop() > ( $( document ).height() - bottomOffset ) && canBeLoaded == true ) {
						$.ajax( {
							url: gl_next_post_link,
							dataType: 'html',
							type: 'GET',
							beforeSend: function () {
								gl_load_spinner.show();
								canBeLoaded = false;
							},
							success: function ( data ) {
								let html = $( data ).find( '#main' );							
								if ( html ) {
									gl_next_post_link = html.find( '.elementor-post-navigation__next.elementor-post-navigation__link a' ).attr( 'href' );
									html.find( '#gl-load-more-spinner' ).closest( '.elementor-section.elementor-top-section.elementor-element' ).remove();
									
									gl_load_spinner.before( html.html() );
									
									gl_load_spinner.hide();
									
									if ( gl_next_post_link ) {
										canBeLoaded = true;
									}
								}
							}
						} );
					}
				} );
			} );
		</script>
		<?php
	}
} );