jQuery：为什么此功能会触发4次？

Question

我写了很多jQuery的东西来帮助我的朋友了解他的在线投资组合，可以在这里找到： http : //bradleyrogerson.com/ （作为我将要描述的内容的参考）。

这也是指向javascript的直接链接： http : //bradleyrogerson.com/static/js/actions-take2.js

这是一个相当长的文件，所以如果我不将其全部直接放在Stack Overflow的代码块中，那可能是最好的选择。

问题本身非常简单，您可以在网站上轻松看到损坏的动画（上面的链接）。 本质上，我的hideProject()函数基本上隐藏了项目，然后将其所有项目的原始概览滑回到视图中，由于我根本找不到原因，它触发了4次。

与此相关的关键问题是，在动画的最后一次回调中，我对body ＆ html元素的scrollLeft属性进行了动画处理，以便在视觉上滑回到您进入“更多信息”视图之前的位置。

由于动画将触发4次，因此大约有1.2秒的窗口，在该窗口中为视口设置了动画，这实际上破坏了在此时间内向右滚动的能力。

可以通过立即转到他的站点并单击最右侧的图像（水平滚动页面布局）来轻松复制该图像，然后在查看项目后，只需单击其中一张图像即可触发hideProject()函数，然后视口已尽可能动画化后，请立即尝试向左滚动。

您会注意到，动画仍然无法触发，您将无法继续尝试退出窗口，从而使scrollLeft值一次又一次地出现（4次）。

我对javascript文件的评论非常好（至少我认为是这样），因此打开后应该很容易阅读和理解。

对于这个问题的答案，如何解决它，我将不胜感激，但最重要的是，对于为什么它首先出现问题，我们会提供一些建议，以便我可以从中学习而不再犯此错误。

非常感谢您的阅读。

詹尼斯

注意：有问题的功能（至少是我认为这是原因）在此文件的 line 212 。

Answer 1

添加断点后，我只能看到此函数触发两次，一次是因为将其绑定到元素＃project-media的click事件，另一次是将其绑定到hashchange（）事件。 只需使click事件触发hashchange（）即可，而不是调用hideProject（）或完全删除绑定。 在第331行进行绑定。