jQuery after load complete event

Question

Im using .load() and .show() to dynamicly load some HTML.

//load the html
$('#mydiv').load('some_url');


 // Display
$('#mydiv').show();

But here I need to call a Javascript function that only exist in the dynamic content, how can I tell if the .load() is complete ?

Answer 1

Use the callback for .load:

$('#mydiv').load('some_url', function() {
    // This gets executed when the content is loaded
    $(this).show();
});

Answer 2

The load function get a callback function for complete

('#mydiv').load('some_url', function() {
  alert( "Load completed." );
});

http://api.jquery.com/load/