无法在jquery中链接动画
我有一个使用css代码{display:none;}隐藏的列表 现在,我正在使用jquery代码为列表设置动画(李的)无法在jquery中链接动画,jquery,animation,chaining,Jquery,Animation,Chaining,我有一个使用css代码{display:none;}隐藏的列表 现在,我正在使用jquery代码为列表设置动画(李的) var numb=$(“ol#update li”).length; 对于(j=0;j
var numb=$(“ol#update li”).length;
对于(j=0;j
我需要一个接一个地设置项目的动画
这里有一个例子
但是所有的李连杰一下子都被激活了,我不知道为什么。用这个来代替:
var $li = $("ol#update li");
function animate_li(){
$li.filter(':first')
.animate({
height: 'show',
opacity: 'show'
}, 1000, function(){
animate_li();
});
$li = $li.not(':first');
}
animate_li();
基本上,它会抓取所有的
li
s,然后一个接一个地在其中设置动画。同时,每次迭代都会从列表中删除第一个元素。如果您希望它以另一种方式设置动画,请将:first
的两种情况替换为:last
默认情况下,队列是按元素设置的,而不是按集合设置的。因此,在大多数情况下,使用队列是不可能的。您可能可以利用他们队列的一些基本抽象,但我不确定,至少要设置它,它还需要一个循环。我还有一个问题:-
var $li = $("ol#update li");
function animate_li(){
$li.filter(':first')
.animate({
height: 'show',
opacity: 'show'
}, 1000, function(){
animate_li();
});
$li = $li.not(':first');
}
animate_li();