jQuery .load和html问题

Question

I am trying to use Javascript to load different pages when you press a link. Here is the function I am using to change the page.

function loadPage(url){
    $(".body").fadeOut(400, function(){
        $(".body").load(url, function(){
            $(".body").fadeIn(400);
        });
    });
};

The problem is, it fades the stuff into the page, but it disappears once the fadeIn is done. The code html from the file is still in the main files html, it just doesn't show up.

Answer 1

I had an issue, and I used this. File in your case would be the url:

var loader = function(file) {

   $('.body').fadeOut(500);

 $.ajax({ 
     url: file

     success: function(data) {

        $('.body').html(data);

$('.body').fadeIn(500);

  }

 });


  }

Changed the code to try and match what your looking to do, tested it with just a div with a background and it seems to work okay.

Is this the same as what you have ?

Andrew