2011-04-20 158 views
0

我使用jQuery runloop一个相当复杂的动画。尽管名称为runLOOP,但我无法在循环中运行动画。jQuery runloop - 如何创建一个循环?

这里是我试过(简体):

var loop = jQuery.runloop(); 

    loop.addKey('25%', function(){ 
    console.log('25%'); 
    }); 
    loop.addKey('50%', function(){ 
    console.log('50%'); 
    }); 
    loop.addKey('75%', function(){ 
    console.log('75%'); 
    }); 
    loop.play(3000, callback); 

    function callback() { 
    console.log('done!'); 
    console.log(loop); 
    loop.reset(); 
    loop.play(3000); 
    console.log(loop); 
    } 

我预计loop.reset(); runloop的方式,让我与loop.play();再次运行循环重置,但我的控制台完成动画后发疯第一次。

有没有人成功尝试过吗?

- 多米尼克

编辑: 看到活动的代码 - >http://jsfiddle.net/v9UPx/(打开您的控制台)

+0

通过快要疯了,你的意思是......? – Zirak 2011-04-20 07:57:05

+0

我更新了我的初始文章以包含jsfiddle的链接。 – dmnkhhn 2011-04-20 08:55:25

回答

0

您的控制台可能变为“疯狂”,当你调用console.log(loop);我想象这就是在做它。

+0

请参阅操作中的代码 - > http://jsfiddle.net/v9UPx/(打开您的控制台) – dmnkhhn 2011-04-20 10:46:07

0

reset()之前添加pause()像这样:

function callback() { 
    loop.pause(); 
    loop.reset(); 
    loop.play(3000); 
}