Question

I’m rather new to jQuery and have a quick question.

I have two jQuery functions which both seems to start onload, but I want to delay the one function until the first function has completed:

$(document).ready(function() {
//DO SOME AJAX STUFF HERE AND CALL FUNCTION TWO BELOW WHEN DONE
});

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({            
        itemLoadCallback: { onBeforeAnimation: mycarousel_itemLoadCallback }
    });
});

Answer 1

The Ajax method in jQuery has a callback parameter which you can use to specify a function that should be called when the request has completed. For example:

$(function()
{
    $.ajax('url', {}, function(data)
    {
        // Do your stuff here.
    }, 'json');
});

Also, note that $(function()... is equivalent to $(document).ready(function()... but is more concise!