Question

jquery点击A变量i增加1，然后B里面的li如下会执行一个动画：li.eq(i) .anima

jquery点击A变量i增加1，然后B里面的li如下会执行一个动画：li.eq(i) .animate（动画）。问题：一直点击A怎样让找到的当前li的动画完成，下一个li才开始动画，比如$(li).eq(4) .animate（动画） , $(li).eq(5). animate（动画） ...... 等4完全执行完成才开始5，或者4没有完成前点击A后i先不让它增加

Answer 1

var i=0;
var isAnimating=false;
$(A).click(function(){
    if(isAnimating)return;
    i=i+1;
    isAnimating=true;
    li.eq(i) .animate(styles,speed,easing,function(){isAnimating=false;});
});

试试，没有测试

追问

不行吧这个

追答

已经修改，手机上可能看到的不是最新的

var i=0;
var isAnimating=false;
$(A).click(function(){
    if(isAnimating)return;
    i=i+1;
    isAnimating=true;
    li.eq(i) .animate(styles,speed,easing,function(){isAnimating=false;});
});

你再看看

追问

if(isAnimating)return;是相当于if(isAnimating){
return;
}吗？

追答

是的