Wait for .load to finish and then do something

Question

I\'m loading an external script through .load(\'url\') and need to wait for it to finish so I can update the source of an image. Sometimes load is fast enough

Answer 1

load method has callback function that is executed when the request completes. I think you should use it.

Answer 2

Add a callback function:

$('#yourElement').load('yourUrl.html', function() {
  /* When load is done */
});

More to read at http://api.jquery.com/load

Answer 3

Your question is answered here on how to capture the success event of a load function: Checking Jquery ajax load success