重置點擊後遞減的變量的正確方法是什麼？

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; 
}