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   lt div gt  lt img alt   Loader  src    images ajax-loader gif      gt  lt  div gt                 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

User · Answer

you can write events on elements like chain,

$(element).on('click',function(){
   //action on click
}).on('mouseup',function(){
   //action on mouseup (just before click event)
});

i've used it for removing cart items. same object, doing some action, after another action

User · Answer

setTimeout may help out here      message link   click function       setTimeout function            if  some conditions                     header   append   lt div gt  lt img alt   Loader  src    images ajax-loader gif      gt  lt  div gt                    100         That will cause the div to be appended  100ms after the click event occurs  if some conditions are met

User · Answer

If I ve understood your question correctly  then you are looking for the mouseup event  rather than the click event       message link   mouseup function           Do stuff here       The mouseup event fires when the mouse button is released  and does not take into account whether the mouse button was pressed on that element  whereas click takes into account both mousedown and mouseup   However  click should work fine  because it won t actually fire until the mouse button is released

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

Examples related to javascript

Examples related to jquery