Javascript ParticleJS没有定义
因此,我在尝试让“Particle.JS”正常工作时遇到了一些问题。当检查控制台时,它说ParticleJS没有定义,但我将id定义为“particles”。非常感谢您的帮助,以后参考Javascript ParticleJS没有定义,javascript,html,css,Javascript,Html,Css,因此,我在尝试让“Particle.JS”正常工作时遇到了一些问题。当检查控制台时,它说ParticleJS没有定义,但我将id定义为“particles”。非常感谢您的帮助,以后参考 <div class="wrapper"> <div class="canvas"> <div id="particles"> <h1>We Love <span class="rotate">Simple,
<div class="wrapper">
<div class="canvas">
<div id="particles">
<h1>We Love <span class="rotate">Simple, Responsive, Minimal, Fun</span></h1>
</div>
</div>
</div>
<script src="js/particles.js"></script>
必须先初始化particle.js脚本,然后才初始化另一个脚本加载particles.js后是否放置代码?粒子js是否均匀加载?首先检查js/particles.js文件是否正确加载。在chrome中,您可以检查元素并转到“源”选项卡。或者,如果你已连接到internet,请尝试“谢谢你,伙计!”!当我将它切换到“particles.min.js”时,出于某种原因它开始工作。
.wrapper h1 {
font-size: 55px;
font-weight: 100;
margin-top:15%;
}
.canvas{ width:100%; height:95%; background:url(../img/banner.jpg) center; background-size:cover; position:relative; overflow:hidden;}
#particles {z-index: 4;height: 100%;height: 100vh;}
particlesJS('particles', {
particles: {
color: '#fff',
color_random: false,
shape: 'triangle', // "circle", "edge" or "triangle"
opacity: {
opacity: 1,
anim: {
enable: true,
speed: 1.5,
opacity_min: 0,
sync: false
}