jquery - 加载完页面的其余部分后，如何使用 jQuery 加载内容？

Question

我有一个包含大量图片和内容要加载的页面，并添加了一个 jQuery 函数，该函数在加载时添加了一个转换类以创建一个简单的文本动画。因为加载内容可能需要相当长的时间，我想确保在所有图片等首先加载后添加类，所以我尝试使用下面的这两个代码片段。它们似乎都具有预期的效果，但只有一次-当我再次刷新页面时，未添加该类。我在这里错过了什么吗？提前感谢您的任何建议。

$(document).ready(function(){
    $('.header').addClass('tilt');
});


$(window).bind("load", function() {
    $('.header').addClass('tilt');
});

Answer 1

如果您需要在页面加载和 JS 执行后运行CSS 转换，您应该等待至少 2 个重绘帧：

window.addEventListener("load", function() {
  window.requestAnimationFrame(function() {
    window.requestAnimationFrame(function() {

      // To run CSS-Transition add your class here

    });
  });
});