使用Javascript和jQuery顺序加载fadeIn效果

我最近访问了一个网站，我想复制加载fadeIn效果

页面的加载和淡入非常好，因为并不是所有内容都同时淡入。我想它是按顺序排列的

这是我发现的代码，我认为这是正确的代码：

$(window).load(function() {
  $(".fade").each(function(i) {
    $(this).delay(100*i).fadeIn();
  });
});

我试图把它复制到我的网站上，但它什么也没做。我将

“.fade”

更改为特定于我的站点的另一个类。我在我的页面上也看不到任何错误

---

怎么了？为什么不起作用？还有什么我需要改变的吗？

100*i

是什么意思？

为了让某些东西“消失”，它首先必须是不可见的。 确保添加以下css：

.fade {
   display: none;   
}

对于每个“.otherclass”元素。当页面加载时，它们是否存在？“i”是索引位置，因此每个“each”延迟淡入淡出的执行时间是“index position”乘以100（总毫秒数）。这使得每个“each”在前一个“each”启动100毫秒后发生。