How do you chain functions dynamically in jQuery?
- by clarke78
I want to loop through an object that contains functions which will execute one after another. My most ideal approach would be to have these chain somehow (ie. func2 waits for func1 and func3 waits for func2) but this needs to happen dynamically and the functions will all have different durations.
I'm using jQuery so I thought that perhaps "queue()" may help but I haven't worked with it much.
A main concern is to not add any scope/callbacks to the functions within the object. I'd rather somehow enclose them within a parent function to execute within the loop in order to create the callback/chaining.
Here's an example of what I've got now, but dumbed down. Thanks for any help!
var obj = [
{'name':'func1','callback':function(){ alert(1); }},
{'name':'func2','callback':function(){ alert(2); }},
{'name':'func3','callback':function(){ alert(3); }}
];
$.each(obj, function(x, el) {
el.callback();
});
