Javascript jqueryanimate:回调调用了两次

当用户在网站上向下滚动（使用afterMove回调）时，我触发了一组动画，并且在为某些元素设置动画时，出乎意料地多次调用了相同的函数

使用此选项，我没有问题：

base = $('section[data-index="' + index + '"]');
base.find('h1').animate({opacity: 0.1}, 3000);
console.log('Finished #' + index);

在移到第#3节之后，我在控制台上有正确的输出

但是当我尝试使用一个表单时，例如

base.find('#my-form-id').animate({opacity: 0.1}, 3000);

这是输出：

Finished #2
Finished #3
Finished #2
Finished #3

最后两个日志仅在动画结束时注册

---

是什么导致了这种行为？

事实上，我在错误的地方搜索

真正的问题是，我正在用CSS3不透明转换设置元素的样式。当我试图对使用相同属性的相同元素应用任何其他操作时，我遇到了这个问题

---

似乎它们在一起玩得不太好。

你应该发布代码，说明你如何“尝试使用表单”@thanksd你是对的，我应该澄清一下。你还应该发布函数和事件调用，因为你可以在其中分享你的代码吗？

Finished #2
Finished #3
Finished #2
Finished #3