繁体   English   中英

预加载器映像导致不必要的ajax请求

[英]preloader image cause Unnecessary ajax request

我有正确的无限加载,显示了其他帖子,并且我在页脚处有一个图像preloader.gif,但是当我向下滚动和preloader图像.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;   
            }
    }); 
});

第一个.show()和之后的.hide()引起了两次请求,因为再次滚动页面是唯一的方法是将预加载器的图像移动到另一个位置,但是没有意义。

如何防止这种双重要求?

我找到了解决方案

如果我使用此css规则(显示:阻止/无),则会导致出现双重ajax请求,因为这会在最后一个帖子和页脚之间创建一个空格

最好的方法是使用此规则(可见性:可见/隐藏),因为这已经在lastpost和footer之间留出了空间并且不会引起重复请求

完善! 解决了

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM