Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 预加载映像会导致不必要的ajax请求_Javascript_Jquery_Ajax_Infinite Loop_Infinite Scroll - Fatal编程技术网

Javascript 预加载映像会导致不必要的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()){

我有正确的无限加载,显示其他帖子 我在页脚有一个image preload.gif 但是当我向下滚动并打开预加载的image.show()时 这会导致不必要的双重ajax请求

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和页脚之间留下了一个空间,并且不会导致双重请求

太好了!解决