jQuery .load() wait, before load content

Question

I would like to fadeOut the #portfolio-wrapper, than load the portfolio2.html with fadeIn(600). The problem is that the load function execute before the fadeOut(600). Please help me! Big thanks :)

$("a").click(function(){
    $("#portfolio-wrapper").fadeOut(600).load('portfolio2.html').fadeIn(600);
});

Paolo Bergantino · Accepted Answer · 2012-03-22 23:23:56Z

8

Use callbacks:

$("a").click(function(){
    $("#portfolio-wrapper").fadeOut(600, function() {
        $(this).load('portfolio2.html', function() {
            $(this).fadeIn(600);
        });
    });
});

answered Mar 22, 2012 at 23:23

Paolo Bergantino

490k83 gold badges523 silver badges437 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

myrandom Over a year ago

I have a problem... When the content fades out, the #portfolio-wrapper div loose the height, and the page jumps to top, than loads portfolio2.html...

Paolo Bergantino Over a year ago

@myrandom You could specify a min-height for your wrapper.

Collectives™ on Stack Overflow

jQuery .load() wait, before load content

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related