粒子动画(多个粒子无效)

Question

我编写了一些JS并实现了我想要的东西(第一个链接)。然后，我开始制作循环，使之能够有多个粒子。

但这正是“守则”所违背的观点。然而，只有一个元素在移动，而其他元素只有在第一个粒子靠近它们时才会被推开。很难解释，最好是你自己测试一下。

我试着调试了几个小时的代码，但无法修复它。所以我要上传单个粒子的代码(工作)和多粒子代码(坏的)。

工作代码(单元素)：在CodePen上查看一下

中断代码(包含多个元素)：在CodePen上查看一下

.

Answer 1

你第一笔里的代码没问题。您可以创建一个函数并将引用传递给粒子。用同样的逻辑从第一笔。

此外，还可以通过保存对变量的jquery引用来节省资源，而不是多次查询：var particle = $(".part" + j);。

function doWork(particle) { /* logic from 1st pen */ }

for (j = 0; j < particles; j++) {
    var particle = $(".part" + j);
    doWork(particle);
}

这里有一个多粒子的叉( CodePen )