Vérification d'un élément dans jQuery?

Question

Fondamentalement, j'ai une fonction jQuery qui vérifie si l'utilisateur est près du bas de la page et charge plus de choses. Lorsque le document charge cela, il est exécuté, pour vérifier.

<script type="text/javascript"> 
$(document).ready(function() { 

    var number = 5; 
    offset = 0; 

    $(window).scroll(function() { 
     if($(window).scrollTop() + $(window).height() > $(document).height() - 10) { 

      $(".empty-div").append().load('<?php bloginfo('template_url'); ?>/ajax.php?offset='+offset+number, function() { 

        var offset = offset+number;    

        setTimeout(function(){ console.log('after', $(document).height()); }, 0); 
        setTimeout(function(){ console.log('after', $(window).height()); }, 0); 



      });  

     } 

    }); 

}); 
</script> 

H/e chaque fois que j'atteins le bas de la page sur la deuxième fois, il ne refait pas la fonction de chargement. Ça marche la première fois, d'ailleurs. Des idées pour y remédier? Le truc de la console est là pour recalculer les hauteurs, juste au cas où c'est ce qui le cause.

Answer 1

1. vous utilisez load() là sur $ (". Empty-div"), cela n'ajouterait plus de contenu, il remplacerait le contenu (si la réponse ne change pas, vous ne verrez aucun changement)

   Il devrait être mieux quelque chose comme

   $('<div/>').appendTo(".empty-div").load(/*****/) 
   

2. peut-être il y a aussi un problème avec le DOCTYPE. Log

   $(window).scrollTop(), $(window).height() and $(document).height() 
   

   peut-être, il diffère entre les normes - et quirks-mode.

Answer 2

En faisant cela:

var offset = offset+number; 

Vous créez une nouvelle la variable offset locale, pas de mettre à jour votre original

offset = 0; 

déclaré avant que la fonction, donc ceci: ?offset='+offset+number utilise toujours offset comme 0, car il n'est jamais mis à jour. Il suffit de retirer le var, comme ceci:

offset = offset+number; 

---

Pour la propreté, ajoutez également var à la déclaration d'origine, ou utilisez une virgule pour une déclaration multiple, comme ceci:

var number = 5, offset = 0;