Jquery .load() callback not firing

Question

Ive been struggling with this for hours now. I can't figure out why my .load() callback is not firing. Can anyone shed any light on this. Thanks for any help.

The load it's self works fine.

window.addEventListener('popstate', function(event) {

  var linkplus = ((event.state) + ' #container'); //contents

  if((event.state)==null){
    $("#maincontainer").load("index.php #container", "null" , function(){
        return false;
        //  why is this not working ???  //
        alert("contents loaded");
    });
  }else{
    $("#maincontainer").load(linkplus, function(){
        return false;
        $("#container").hide().delay(0).fadeIn(400);
        project_nav();
    });
  }
});

score 1 · Answer 1 · answered Jul 25 '14 at 20:01

1

hm, doesn't look like your alert would be hit right? You already return false before that.

answered Jul 25 '14 at 20:01

Jason Dam

390
1
8

score 1 · Answer 2 · answered Jul 25 '14 at 20:01

When you return from a function, you return

$("#maincontainer").load("index.php #container", "null" , function(){

    return false;  // YOU RETURNED HERE, NOTHING BELOW IS EXECUTED

    alert("contents loaded");

});

There's no need to return anything from load()

jstleger0 · Answer 3 · 2014-07-27T16:37:26.383

Hey I tried removing the "return false" with no success.I think it's because .load() is asynchronous?

Anyway, I got it to work using ".get" instead of .load and then selecting the contents with a variable. Thanks for the replies.

    $.get( "index.php", function( data ) {
        var content = $(data).find('#container').html();
        $("#container").html(content);
        alert("contents loaded");
    });

Jquery .load() callback not firing

3 Answers3