jQuery

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

May 4, 2017
yofinity

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’

MIT