頁面加載和滾動時出現Javascript問題

Question

頁面加載時會調用javascript函數scrollPage（），當使用Ajax將頁面滾動到底部時，此函數會連續加載產品。默認情況下，首次加載頁面時會顯示20種產品。

當用戶移動用於過濾產品的價格滑塊並且使用Ajax顯示落入所選價格范圍的產品時，我在同一頁面上有一個價格滑塊。 如果過濾的產品超過20種，則默認情況下將先顯示20種產品，然后在滾動條上顯示剩余產品。 為了實現這一點，我再次使用不同的參數調用了scrollPage（）函數onPriceSlide（）。

問題是，當用戶在過濾產品后向下滾動時，它仍會以滾動方式加載所有產品。

有什么建議可以使用Prototype JS修復嗎？

Answer 1

聽起來您有一個scroll事件監聽器仍然掛在某個地方。 您必須使用Event.stopObserving將其分離。

編輯 ：

這是一個工作示例： http : //jsfiddle.net/vuSQa/

如果沒有看到任何內容：此代碼將滾動事件記錄到瀏覽器的JS控制台（在許多瀏覽器中為Ctrl-Shift-J）。

Answer 2

好像您有兩個ajax響應，您需要取消第一個。 如果是這種情況，請在您的第二個ajax請求上設置一個變量，從而取消第一個。 您的ajax響應函數應始終檢查此變量，如果為true，則退出該變量，將其刪除並且不執行任何操作。