I'm looking for a tidy way to call a function to iterate over a group
of DOM elements, with a small delay after the function completes
before it is called again with the following element.
Pseudo code:
==========
$(elems).each(function(){
$(this).dostuff();
// wait a moment
// continue
});
I am aware of the pause plugin (linked on the old plugin page) but I'm
confused by it's reference to type. My function does not use any fx or
animations - what other 'types' are there in jQuery?
Why you ask?
==========
My attempted script manipulates a bunch of css attributes based on
dimensions and positions of elements in the DOM. I believe I need the
delay to give the browser an opportunity to update between each call -
ensuring the DOM is updated the script's css changes before
proceeding.
Perhaps I could use .animate() and it's callback function to iterate?
My attempts at this are a mess! Any help is welcome.
Cheers
Ollie
