JQuery: How to use jQuery delay using my own function?

Question

How to use jQuery delayin conjunction with my own specific function, pseudocode like so ?:

$('#foo').slideUp(300).delay(800).myOwnFunction(1,2,3);
function myOwnFunction (a,b,c) {...}

The code above does not work, however - in the jQuery documentation it seems like it should.

Answer 1

Use setTimeout()here. After the animation finishes moving up, it will launch an anonymous function that wraps setTimeout(), which calls your function after about 800 milliseconds.

$('#foo').slideUp(300, function() {

    setTimeout(function() {

       myOwnFunction(1, 2, 3);

    }, 800);

});




function myOwnFunction(a, b, c) {
       alert(a + b + c);
   };

It does not matter that it was defined below, since its definition should be raised to the top.

Answer 2

$('#foo')
    .slideUp(300)
    .delay(800)
    .queue(function () {
        myOwnFunction(1,2,3);
        $(this).dequeue();
    });

Cm:

• http://api.jquery.com/queue/
• http://api.jquery.com/dequeue/