通过迭代链接JQuery动画

Question

我有许多div（彼此相邻）（水平）并且想要按顺序排列每个div的宽度。理想情况下，它们应该看起来像一个从左边向右增长的长div。我的问题是它们都开始同时增长。每个div都有一个名称'div'，末尾有一个数字，我使用'i'作为那个数字。这应该是动态的，因为我不知道'我'会是什么。我可以通过迭代链接吗？谢谢。

for (i = 0; i <= count; i++)
    {
        $('#div' + i).animate( {
            "width": "toggle"
        }, 1500 );
    }

Answer 1

使用animate函数的回调来启动下一个操作

<script type="text/javascript">
  $.curDiv = 0;    
  continueAnimation = function()
  {
      $('div' + $.curDiv++).animate( { "width": "toggle" }, 1500, continueAnimation);   
  }
  continueAnimation();
</script>

Answer 2

我最终创建了一个单独的函数，可以调用div上的动画然后调用自己。因为它自称它会增加一个计数器，我将计数器与我的总值进行比较，并在需要时停止循环。