Jquery do another action after load() complete

Question

$('#container').load(h);
$('#container').fadeIn();

I have a button click can load another file into it.

My problem is jquery run fadeIn while page is still loading.

Is any way to set fadeIn after the page load is finish?

This was already answered in different threads, e.g. http://stackoverflow.com/a/7083802/432681. — Sebastian Zartner, Feb 27 '14 at 14:30

score 6 · Accepted Answer · answered Feb 27 '14 at 14:29

6

Use callback function that is executed when the request completes.

$('#container').load(h,function(){
   $(this).fadeIn();
});

answered Feb 27 '14 at 14:29

1 Answers1