我有一个函数,当scroll
到达div元素的底部时调用。
$(document).ready(function(){
$("#container").scroll(function() {
var current_scrollbar_position = Math.round($(this).scrollTop());
var inner_height = Math.round($(this).innerHeight());
var advertiser_dropdown_height = $(this)[0].scrollHeight;
var dropdown_bottom = current_scrollbar_position + inner_height;
if(dropdown_bottom >= Math.round(0.75*(advertiser_dropdown_height)))
{
load_advertisers();
}
});
});
function load_advertisers(){
// calling ajax function
}
当scroll
到达目的地时,它会调用load_advertisers()
方法。但它不止一次地调用load_advertisers()
。因此,它会中止任何其他请求,并仅从一个请求中提取数据。因此,如果我们检查控制台,它会显示5-6个中止的ajax请求(红色)。为什么会这样?如果上一个请求正在处理,我该如何阻止另一个请求?
感谢任何帮助。
感谢。