Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/oracle/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用参数创建动画队列_Javascript_Jquery_Queue - Fatal编程技术网

Javascript 使用参数创建动画队列

Javascript 使用参数创建动画队列,javascript,jquery,queue,Javascript,Jquery,Queue,我试图利用jquery队列来按顺序执行一系列函数。这些排队函数实际上是为页面上的对象设置动画 这是我构建队列的原始代码: this.queue = function(fx, params) { this.animation_queue.push({fx: fx, params: params}); }; 然后,一旦所有函数都排队,我将使用如下内容: this.animate = function() { for(var i=0; i<this.animation

我试图利用jquery队列来按顺序执行一系列函数。这些排队函数实际上是为页面上的对象设置动画

这是我构建队列的原始代码:

this.queue = function(fx, params) {
    this.animation_queue.push({fx: fx, params: params});
};
然后,一旦所有函数都排队,我将使用如下内容:

this.animate = function() {     
    for(var i=0; i<this.animation_queue.length; i++) {  
        this.animation_queue[i].fx.apply(this, [this.animation_queue[i].params]);
}};
但我不确定如何像以前一样使用参数调用函数

关于如何做到这一点,有什么建议吗?

根据文件:

您不必担心构建和管理自己的队列,只要在元素上调用queue,队列就由jQuery管理

下面是他们的一个很好的例子:

因此,为了将动画输入到队列中,只需创建一个函数,将所有动画按顺序堆叠到元素中,然后调用.queue。。。在元素上强制它在队列中执行

如果您想要动态更改/构建队列,则需要停止所有动画,使用存储动画参数和计时的动态JSON对象数组上的循环在fiddle中构建runIt函数,然后调用showIt和runIt,如fiddle和jQuery API中的示例所示

这里的基本要点是,不要构建自己的队列/数组,如果您在已经应用了多种效果的元素上调用queue,jQuery将为您完成这项工作


希望这有帮助。

您的小提琴链接似乎已断开。
this.queue = function(fx, params) {
    this.animation_queue.delay(500, 'animations');

    this.animation_queue.queue('animations', function(next) {
         next();

    });
};