我有一个页面,当用户向下滚动到页面的某个部分时,我会触发ajax加载事件。我这里有以下 ajax 事件处理程序:
$(document).ajaxStart(function() {
$('#loader').show();
$(window).off('scroll');
});
$(document).ajaxComplete(function() {
$('#loader').hide();
$(window).on('scroll');
});
为了防止 ajax 事件多次触发,我在 ajax 调用开始时关闭了滚动事件处理程序(我还编写了一个延迟函数,该函数也会在触发前等待几毫秒)。我的目的是在 ajax 完成后重新绑定滚动。我知道这些事件发生是因为我的 #loaderdiv 正在按设计加载和卸载。不幸的是,卷轴从未重新绑定,它仍然关闭,我不明白为什么。因此,我加载了新内容的单个ajax页面,然后它停止工作。
名称"on"和"off"可能会令人困惑;您不能使用它们来打开和关闭事件。
off
方法从元素中完全删除事件处理程序。再次绑定事件时,必须指定事件处理程序:
$(window).on('scroll', handlerFunction);