valon1x

i know, but in first my WordPress was russian from here https://ru.wordpress.org/

$(window).on("scroll", function(e){
        var footHeight = $('footer').offset().top;
        if($(window).scrollTop() + $(window).height() > footHeight) {
            var height = $('.pagination').offset().top - $('header').height();
            var link = $('.wp-pagenavi .nextpostslink').attr('href');
            if(link) {
                $('.loader').removeClass('hidden');
                $('.pagination').remove();
                $.ajax({
                    url:link,
                    type:'POST',
                    success:function(data){
                        var htmlData = $('<div>');
                        htmlData.html(data);
                        setTimeout(function(){
                            $('.loader').addClass('hidden');
                        }, 50);
                        htmlData.find('.blogContent article').each(function (i,el) {
                            $('.loader').before($(el));
                        });
                        var pagination = htmlData.find('.pagination');
                        $('.blogContent').append(pagination);
                        $('html,body').animate({
                            scrollTop: height
                        }, 300, 'swing');
                    }
                })
            }
        }
    });

that is my solution

on page where i use wp_query
$latest_blog_posts = new WP_Query( array( ‘paged’ => $paged, ‘page’ => $paged, ‘post_type’ => ‘post’,’posts_per_page’ => 10 ) );

echo do_shortcode(‘[ajax_load_more transition=”fade” button_label=””]’);

in admin panel i set 10 posts per_page

And after i scroll all posts. my button doesnt have class done…

Yes

anyone? 🙂