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加载事件并在加载后触发事件。