粒子动画（多个粒子不起作用）

Question

我编写了一些JS并获得了我想要的东西（First Link）。 然后我开始制作循环以便能够拥有多个粒子。

但这就是守则破裂的重点。仍然只有一个元素正在移动，而其他元素只有在第一个粒子靠近它们时才被推开。 很难解释，如果你自己测试它最好。

我试图调试代码几个小时，但我无法解决它。因此，我只需要上传单个粒子（工作）的代码和多个粒子的代码（破碎）。

工作代码（单一元素）： Check it out on CodePen

代码损坏（包含多个元素）： Check it out on 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