How to call an action after click() in Jquery?

Question

I want to load an image and some other actions after I click a certain DOM element, but I want to load them AFTER the clicking action finished.

Here is a code example:

 $("#message_link").click(function(){    if (some_conditions...){        $("#header").append("<div><img alt=\"Loader\"src=\"/images/ajax-loader.gif\"  /></div>");    }  }); 

The problem is that the if condition executes before the click action have finished(Or at least that is my impression). I need that the If condition executes after the click action has finished. Can some one please tell me a solution?

Thanks :)

Answer 1

setTimeout may help out here

$("#message_link").click(function(){    setTimeout(function() {        if (some_conditions...){            $("#header").append("<div><img alt=\"Loader\"src=\"/images/ajax-loader.gif\"  /></div>");        }    }, 100); }); 

That will cause the div to be appended ~100ms after the click event occurs, if some_conditions are met.