jQuery

【jQuery】無限スクロールjQueryプラグインYofinity

May 4, 2017

Yofinityは無限スクロールjQueryプラグイン。

Install

<!-- In your <body> HTML tag -->

<a href="http://example.com/page/2" title="Next posts" rel="next">Loading...</a>

//in your main JS file
$('body').yofinity({
    buffer: 1000,
    navSelector: 'a[rel="next"]',
    success: function ($link, response){
        $link.before(response);
        $link.attr('href', '/page/2');
    },
    error: function ($link){
        $link.remove();
    }
});

Settings

Option	Default
ajaxUrl	”
buffer	1000
context	window
debug	false
error	null
iterator	1
loading	null
navSelector	‘a[rel=”next”]’
params	{}
success	null
type	‘get’