Comment charger un contenu non-image dans jQuery?

Question

Je veux charger paresseusement les résultats de ma recherche d'API Youtube, de sorte que lorsque l'utilisateur fait défiler vers le bas, les lecteurs Youtube sont ajoutés à la page. Il semble que les plugins de chargement paresseux sont axés sur les images, mais ce que je vais charger est juste HTML, parce que j'utilise iFrames pour charger les lecteurs Youtube (comme dans le nouveau style d'intégration Youtube). Comment puis-je faire cela dans jQuery? Merci d'avoir lu.

Answer 1

Si je vous comprends bien, vous besoin de quelque chose comme:

$("body").scroll(function() { 
    $("#youtubeDiv").load("youtube.html"); 
}); 

au lieu de la charge que vous pouvez ajouter fragment html.

Answer 2

Vous pouvez utiliser les fonctions .scroll() et .ScrollTop() pour détecter si vous vous trouvez au bas de la page/défilement. si c'est le cas, ajoutez l'ensemble d'iframes suivant à l'élément principal. Cela signifie également que vous devez suivre les éléments déjà chargés et les éléments disponibles (à charger). Ce dernier devrait être le résultat de votre recherche.

Answer 3

Ce que vous cherchez à faire est probablement facilement réalisée en utilisant l'infini défilement jQuery Plugin

Source est disponible sur GitHub