来自ajaxComplete（）回调的jQuery load（）导致多个加载

Question

我一直盯着这个，我完全被难过了。你需要firebug，看看AJAX请求。它们似乎在每次点击下一个和上一个之后成倍增加，直到它完全加载太慢：

http://www.ftsdev.com/freegreen /virtual-tour-prototype/virtual-tour.html

所有JavaScript源代码都在：

/freegreen/virtual-tour-prototype/js/virtual-tour.js

要看的功能：

launchVirtualTour()
$('#vt-next').one('click',function()
$('#vt-prev').one('click',function()

当调用ajaxComplete（）时，我检查在回调函数之外加载一个Array的文件。这允许我确定它是否是系列中的第一个或最后一个元素，以便我可以相应地隐藏Previous或Next按钮。我有一个问题，问题出现在80-82行，我在indexInArray中存储的inArray（）值中加1。

我在周围搜索但找不到任何类似的情况，非常感谢任何帮助。

谢谢！

Answer 1

我简要地尝试了这个页面。从快速浏览代码和我的直觉反应来看，您似乎并没有解除以前绑定的点击事件的绑定。据我所知，这是你的bug的流程：

1. 用户点击以显示幻灯片
2. 绑定next / prev click事件
3. 用户点击，使用下一个/上一个按钮
4. 用户点击当前幻灯片
5. 用户点击另一张幻灯片
6. 绑定next / prev click事件
7. 用户点击，使用下一个/上一个按钮，导致内容被调用两次

当用户点击第一张幻灯片时，您需要取消绑定点击事件。或者不要在步骤6中绑定。