如何触发延迟的 jQuery 事件？

Question

I'm writing a workaround for web form. The given problem is that hitting Submit pops out a loading animation. The content is saved, but the form is still shown, as is the loading animation.

The idea is to trigger an event, 2-3 seconds after the Submit click, that will reset the form content and hide the loading animation.

How would you suggest to approach this?

Thank you.

Answer 1

Use the callback functions in the events to chain them together - that way it will make sure that the action has completed, instead of trying to run all of them at the same time. If you post some code we can probably help some more. There's also the .delay() function, but I think callbacks are more appropriate, because your process is event driven and not time driven. You have more flexibility in the case that something in the process goes wrong, instead of statically resetting after a click.

Answer 2

Can you just use a setTimeout(...) that calls a method that resets form content and hides the animation? See: http://www.w3schools.com/js/js_timing.asp

Answer 3

jQuery Form came to the rescue.

$('form#id').ajaxForm(function() {
    // do stuff
});

This will run the callback after the form is submitted.