jquery - 通过迭代链接 JQuery 动画

Question

我有许多彼此相邻的 div(水平)，并且希望按顺序获得每个 div 的宽度。理想情况下，它们应该看起来像一个从左向右生长的长 div。我的问题是它们都开始同时生长。每个 div 的名称为“div”，末尾有一个数字，我使用“i”作为该数字。这应该是动态的，因为我不知道“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>