Load on bottom of div problem (jQuery/JS)

[schart]

So I have a stream that will load new content when you scroll to the bottom of the div, and then updates a variable that decides how old the content that is being loaded is.

The problem is that sometimes it takes so long to load that it triggers the function again (since it’s still on the bottom I guess). So I guess there is a better way of doing this. This is my code so far:

var ldid = 10;
        jQuery(
      function($)
      {
        $('#allpostcontainer').bind('scroll', function()
                                  {
                                    if($(this).scrollTop() + 
                                       $(this).innerHeight()
                                       >= $(this)[0].scrollHeight)
                                    {

                                        $("#allpostcontainer").append($("<div>").load("/streampage.php?id=" + ldid, function(){
                                            ldid = ldid + 10;
                                        }));

                                    }
                                  })
      }
    );

[Dillon Curry]

Create a flag like var loading = false; in the outer scope and wrap the append and load with an if conditional. It should work like this.

var loading = false;
...
...
if(!loading) {
  loading = true;
  $("#allpostcontainer").append($("<div>").load("/streampage.php?id=" + ldid, function(){ 
    ldid = ldid + 10;
    loading = false; 
  }));
}

[Dillon Curry]

Haha good, spent a while trying to get this forum editor to act right! It would be nice to have a preview for this…

[Author]

Posts