重置点击后递减的变量的正确方法是什么？

Question

这个工程，但我假设有一个更有效的方式来实现这一效果。 我的意图是重置最后一张幻灯片上的功能，使其循环。

http://jsfiddle.net/andrewtamala/JVgAC/3/

$(document).ready(function(){ 

    var i = $(".slide").length; 

    $('.button').click(function() { 
     i--; 

     $('.slide').eq(i).animate({"top" : "500"}, 200) 
     .animate({"opacity" : "0", "top" : "000"}, 1) 
     .animate({"opacity" : "1"}); 

      if (i === -1) { 
       i++; 
       i++; 
       i++; 
       i++;    
      } 

    })  
}); 

Answer 1

您可以创建另一个变量来保存原始长度：

var n = $(".slide").length, 
i = n; 

在你的函数的末尾：

if (i <= 0) { 
    i = n; 
}