[Resolved] jquery event on load more posts in infinite scroll

[Joshua Vandercar]

I’d like to run a jquery function when more posts are loaded via infinite scroll. Is there an event to which I can bind? Thanks!

[Leo]

Hi there,

Infinite Scroll for posts is a built in feature:
https://docs.generatepress.com/article/blog-content-layout/#archives

Let me know if this helps 🙂

[Joshua Vandercar]

Yes, I have that enabled. Is there a specific javascript event that is triggered after the additional posts are loaded? I have a function that needs to target and modify those elements that are being added to the DOM.

[Tom]

Give this a shot:

jQuery( document ).ready( function($) {
    var $container = $( '#main article' ).first().parent();

    $container.on( 'append.infiniteScroll', function( event, response, path, items ) {
        // Do stuff
    } );
} );

Make sure to load this JS only on pages that have infinite scroll initiated.

Let me know 🙂

[Joshua Vandercar]

Yes! Thank you, Tom! That got the job the done.

[Tom]

Awesome! You’re welcome 🙂

[Author]

Posts