页面加载时的Javascript问题＆amp;滚动

Question

在页面加载时调用javascript函数scrollPage（），当使用Ajax将页面滚动到底部时，此函数不断加载产品。当第一次加载页面时，默认显示20个产品。

当用户移动价格滑块时，我在同一页面上有一个价格滑块，用于过滤产品，使用Ajax显示属于所选价格范围的产品。 此处，如果有超过20个过滤产品，则默认显示前20个产品，然后将显示滚动休息产品。 为了达到这个目的，我再次调用了带有不同参数的onPriceSlide（）的scrollPage（）函数。

问题是，当用户在过滤产品后向下滚动时，它仍然会在滚动时加载所有产品。

任何建议如何使用Prototype JS修复它？

Answer 1

听起来你有一个scroll事件监听器仍然悬挂在某个地方。您必须使用Event.stopObserving分离它。

修改：

以下是一个有效的例子：http://jsfiddle.net/vuSQa/

如果您没有看到任何内容：此代码会将滚动事件记录到浏览器的JS控制台（许多浏览器中为Ctrl-Shift-J）。

Answer 2

好像你有两个ajax响应，你需要取消第一个。如果是这种情况，请在第二个ajax请求中设置一个变量，取消第一个ajax请求。您的ajax响应函数应始终检查此变量，如果为true，则退出，删除它并且不执行任何操作。