Hmm...After testing it out a little more, delay might not be the best
option after all. If the animation lags for any reason, the function
will get fired too soon. I was looking at chain earlier too, but I
wasn't able to get it to work. How would you use chain in this
context?
On Oct 1, 2:16 pm, VirtuosiMedia <[EMAIL PROTECTED]> wrote:
> Thanks, that did the trick. I had tried adding this as a parameter,
> but I didn't know to remove the parentheses.
>
> On Oct 1, 2:13 pm, "Guillermo Rauch" <[EMAIL PROTECTED]> wrote:
>
> > this.completed.delay(delayLength, this);
>
> > On Wed, Oct 1, 2008 at 6:11 PM, VirtuosiMedia <[EMAIL PROTECTED]>wrote:
>
> > > delay() is something that I've been trying to use because it would
> > > work great, but so far I've been unsuccessful.
>
> > > this.completed().delay(delayLength);
>
> > > On Oct 1, 1:56 pm, "Guillermo Rauch" <[EMAIL PROTECTED]> wrote:
> > > > If all the animations have the same duration, you could just trigger a
> > > timer
> > > > or use chain() when index == 0 in the loop.
> > > > Otherwise, you might want to check Group out.
>
> > > > On Wed, Oct 1, 2008 at 5:49 PM, VirtuosiMedia <[EMAIL PROTECTED]
> > > >wrote:
>
> > > > > I'm having a little trouble with executing a function at the proper
> > > > > time once the animations in an each loop have completed. Rather than
> > > > > running after all animation is done, it instead runs instantly after
> > > > > the calculations are done. I know that this is a common thing to do,
> > > > > but I'm struggling with it for some reason. Here's the relevant code
> > > > > using (the animations use Morph):
>
> > > > > xValues.each(function(item, index){
> > > > > animated.start({
> > > > > 'top': yValues[index],
> > > > > 'left': item
> > > > > });
> > > > > });
> > > > > //I would like to run this function after the above animations have
> > > > > finished
> > > > > this.completed();
>
> > > > --
> > > > Guillermo Rauchhttp://devthought.com
>
> > --
> > Guillermo Rauchhttp://devthought.com