Javascript 预加载映像会导致不必要的ajax请求
我有正确的无限加载,显示其他帖子 我在页脚有一个image preload.gif 但是当我向下滚动并打开预加载的image.show()时 这会导致不必要的双重ajax请求Javascript 预加载映像会导致不必要的ajax请求,javascript,jquery,ajax,infinite-loop,infinite-scroll,Javascript,Jquery,Ajax,Infinite Loop,Infinite Scroll,我有正确的无限加载,显示其他帖子 我在页脚有一个image preload.gif 但是当我向下滚动并打开预加载的image.show()时 这会导致不必要的双重ajax请求 jQuery(document).ready(function($) { $(window).scroll(function(){ if ($(window).scrollTop() == $(document).height() - $(window).height()){
jQuery(document).ready(function($) {
$(window).scroll(function(){
if ($(window).scrollTop() == $(document).height() - $(window).height()){
var contents = {
action: 'infinite_scroll',
}
$( "#infiniteloader" ).show();
$.post( admax_data.url, contents, function( data ){
$( "#infiniteloader" ).hide();
$( ".vc_row" ).append( data );
});
return false;
}
});
});
这个first.show()和after.hide()导致了一个双重请求,因为页面再次滚动
唯一的方法是将预加载程序的图像移动到另一个位置,但不具有意义
如何防止这种双重请求?我找到了解决方案 如果我使用这个css规则(display:block/none),这会导致双重ajax请求,因为这会在最后一篇文章和页脚之间创建一个空格 最好的方法是使用此规则(可见性:可见/隐藏),因为这已经在lastpost和页脚之间留下了一个空间,并且不会导致双重请求 太好了!解决