Not Working
Author: yinxiangshiCreated Nov 15, 2022Updated Aug 5, 2024
Hi, I am using Hugo to build my web, I got a very strange issue.
My code is:
<script src="/js/feather.min.js"></script>
<script src="/js/p5.min.js"></script>
<script src="/js/vanta.trunk.min.js"></script>
<script>
feather.replace()
</script>
<script>
VANTA.TRUNK({
el: '#ele1',
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00
})
</script>{{ define "main" }}
<div id="home-jumbotron" class="jumbotron text-center">
<h1 class="title">{{ .Site.Title }}</h1>
</div>
<body>
<div id=".ele1"></div>
</body>
{{ end }}I got: vanta.trunk.min.js:1 [VANTA] Cannot find element #ele1
Source: tengbao/vanta