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

Question

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

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

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

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

这可能吗？

时间线示例：

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

Answer 1

如果页面没有加载ajax，那就试试吧

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

如果是，则需要处理ajax加载事件，加载后触发你的事件。