Question

所以，对我来说，这看起来很简单。我的最终目标是将很多动画嵌入到我的网站（webflow）中。在Atom中，一切正常。

HTML：

<body>
<div id="lottie"></div>
<script src="lottie.js"></script>
<script src="index_1.js"></script>
</body>

index_1.js：

var animation = bodymovin.loadAnimation({
  container: document.getElementById('lottie'),
  renderer: 'svg',
  autoplay: true,
  path: 'process_1.json'
})

动画将在我的HTML预览中播放！好极了！ Webflow但是没有文件托管，因此我决定将“ lottie.js”和“ index_1.js”脚本以及“ process_1.json”放到Amazon s3上，并使用文件的公共URL将它们链接起来，但没有任何显示在我的网站上！

Amazon s3是否适合这种情况？也许我的index_1.js中的“ path”参数不接受网址？

var animation = bodymovin.loadAnimation({
  container: document.getElementById('lottie'),
  renderer: 'svg',
  autoplay: true,
  path: 'https://audioplayerskin.s3.amazonaws.com/Json+Files/Process_1.json'
})

这里可能是什么问题？

谢谢！：）

JavaScript文件无法正确链接？

0 个答案: