GSAP 和 jQuery：在下一个页面加载时播放动画

Question

我有一个简单的动画，我想在它加载后在页面上触发。

我可以像这样使用 jQuery 在 window 加载时触发动画：

$(window).on('load', function(){
  myTimelineAnimation.play();
})

但是这种方式只有在我手动刷新页面的时候才有效。我希望每次通过 link 或通过浏览器后退按钮和页面刷新进入页面时触发它。

这可能吗？

时间线示例：

var myTimelineAnimation = new TimelineLite({paused:true});
    myTimelineAnimation
      .to(element, 0.5, {opacity: 1});

Answer 1

如果页面未 ajax 加载，请尝试

$(document).ready(()=>{
// you code
})

如果是，您需要处理ajax加载事件并在加载后触发您的事件。