jquery Wookmark Plugin Charge Infinie / Scoll

J’utilise la disposition de la grid Wookmark jQuery pour mon site Web.

https://github.com/GBKS/Wookmark-jQuery

J’ai besoin que le défilement automatique / chargement sans fin fonctionne.

Dans l’exemple, il suffit simplement de charger à nouveau les 10 premières images. Comment le continue-t-il à charger le rest d’une liste comme sur Wookmark.com et Pinterest.com?

La partie de code que j’ai essayée de changer:

/** * When scrolled all the way to the bottom, add more tiles. */ function onScroll(event) { // Check if we're within 100 pixels of the bottom edge of the broser window. var closeToBottom = ($(window).scrollTop() + $(window).height() > $(document).height() - 100); if(closeToBottom) { // Get the first then items from the grid, clone them, and add them to the bottom of the grid. var items = $('#tiles li'); var firstTen = items.slice(0, 10); $('#tiles').append(firstTen.clone()); // Clear our previous layout handler. if(handler) handler.wookmarkClear(); // Create a new layout handler. handler = $('#tiles li'); handler.wookmark(options); } }; 

Merci d’avance. J’ai regardé partout et essayé différentes choses, mais pas de chance. À votre santé.

Je viens d’append un exemple au référentiel GitHub pour savoir comment faire cela. L’exemple charge des données à partir de l’API Wookmark et affiche les images sur la page. Lorsque vous faites défiler vers le bas et atteignez le bas, il charge plus.

Voici le lien direct vers l’exemple: https://github.com/GBKS/Wookmark-jQuery/tree/master/example-api

Permettez-moi de savoir comment cela fonctionne pour vous.