使用jquery/javascript触发svg动画

我有一个.svg文件，它使用animateMotion为一个圆设置移动动画。问题是我在页面底部加载了jquery文件。当用户向下滚动时，动画已经播放。我使用的是waypoints jquery插件，它在div位于视口中时运行一个函数。我想用它来触发.svg中的动画情感

非常感谢您的想法和想法

---

如果您只是在文件出现时重新加载该文件会怎么样？这可能会自动运行animateMotion，因为它会假定这是文件的初始加载。

我确实尝试过。它遇到了互联网连接速度慢的问题。有时svg的一部分在以这种方式运行时不显示。因此，在waypoints函数中，我添加了：$（“#greystage”）.load（'svg/greyslide.svg'，function（response）{$（this.addClass（“svgLoaded”）；if（！response）{}）；