javascript - GSAP 和 jQuery : play animation on the next page load

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