desirelabs
5/29/2015 - 9:14 AM

Add infinite scroll to wp

Add infinite scroll to wp

$ = jQuery.noConflict();
$(document).ready(function () {

    // INIFNITE SCROLL
    var $container = $('#main');
    $container.infinitescroll({
        navSelector: '.paging-navigation',
        nextSelector: '.paging-navigation .nav-previous a',
        itemSelector: 'article',
        loading: {
            msgText: 'Chargement des contenus...',
            finishedMsg: 'Aucun contenu à charger.',
            img: 'http://i.imgur.com/6RMhx.gif'
        }
    }, function (newElements) {
        var $newElems = $(newElements).css({
            opacity: 0
        });
        $newElems.imagesLoaded(function () {
            $newElems.animate({
                opacity: 1
            });
        });
    });
    $(window).unbind('.infscr');
    jQuery(".paging-navigation .nav-previous a").click(function () {
        jQuery('#main').infinitescroll('retrieve');
        $('.paging-navigation').show();
        return false;
    });
    $(document).ajaxError(function (e, xhr, opt) {
        if (xhr.status == 404) $('.paging-navigation .nav-previous a').remove();
    });
});
<?php
function init_scripts() {
    $theme_info = wp_get_theme();
    wp_enqueue_script( 'infinite-scroll', get_stylesheet_directory_uri().'/js/jquery.infinitescroll.min.js', 'jquery', '2.1.0', true );
    wp_enqueue_script( 'imagesLoaded', get_stylesheet_directory_uri().'/js/imagesLoaded.js', 'jquery', '3.1.8', true );
    wp_enqueue_script( 'scripts', get_stylesheet_directory_uri() . '/js/scripts.js', array('jquery'), $theme_info->get( 'Version' ), true);
}
add_action('wp_enqueue_scripts', 'init_scripts');