Load page - hide "loader". Show loader - scrolling ? about ajax-load-more HOT 3 CLOSED

I wrote some code to do this yesterday. It's not in the initial plugin. You'll need to delete the call to AjaxLoadMore.loadPosts() and then change the click/scroll functions to increment the pages after calling AjaxLoadMore.loadPosts().

In my version I've added an autoload/preload variable and made this optional

from ajax-load-more.

Add a new variable at the top:

var autoLoad = false;

add this before the the load more method AjaxLoadMore.loadPosts:

if (autoLoad === true) {
    $('#load-more').text("Loading...");
} else if (autoLoad === false) {
    $loading = false;
}

Then change your click and scroll handlers to this and add a conditional to increment the pages if you do decide to turn autoload on (can skip that if statement if you're never going to turn autoload on)

$button.click(function (e) {
    e.preventDefault();
    if (!$loading && !$finished && !$(this).hasClass('done')) {
        $loading = true;
        AjaxLoadMore.loadPosts();
        page++;
    }
});

if ($scroll) {
    $window.scroll(function () {
        var content_offset = $button.offset();
        if (!$loading && !$finished && $window.scrollTop() >= Math.round(content_offset.top - ($window.height() - 150)) && page < $max_pages) {
            $loading = true;
            AjaxLoadMore.loadPosts();
            page++;
        }
    });
}

if (autoLoad === true) {
    AjaxLoadMore.loadPosts();
    page++;
}

from ajax-load-more.

Yes, the JS file. I'm sorry I don't have time to make the changes for you, it took enough time to extract that from my own code.

Have a nice day.

from ajax-load-more.