javascript - jQuery fadeOut 和 fadeIn 函数搞砸了显示属性

Question

这是我的一点 JavaScript：

   comDivs = document.getElementsByClassName('comDiv');
   fillerRants = document.getElementsByClassName('filler2Rant');

   for (let y = 0; y < comDivs.length; y++) {
       $(comDivs[y]).delay(4000).fadeOut(400, function() {
         $(fillerRants[y]).fadeOut(400);
    });
       $(comDivs[y + 1]).delay(350).fadeIn(400, function() {
         $(fillerRants[y + 1]).fadeIn(400);
    });
   }

这应该一次显示 comDiv 类的每个元素，持续四秒钟，然后 fadeOut() 当前元素和fadeIn() 下一个元素。例如，第一个项目将是页面加载时唯一显示的项目。四秒后，它淡出，第二个元素淡入。在此循环运行之前，除了第一个元素之外的所有元素都已隐藏。使用上面的代码，当页面加载时，由于某种原因，所有元素都会显示出来，然后一次淡出一个。我尝试了多种不同的解决方案，但都没有奏效。怎么了？如果需要，我很乐意提供更多信息。

标签： javascriptjquery