使用自动加载滚动Jquery时重复数据

时间:2014-12-01 07:15:26

标签: javascript jquery

我有问题,当使用自动加载滚动时,有时它会复制数据......

应该是:第1页=> {1,2,3},第2页=> {4,5,6},第3页=> {7,8,9}。但有时它会是这样的:第1页=> {1,2,3},第2页=> {4,5,6},第3页=> {7,8,9,7,8, 9}。

这是正常的吗?

这是我的jquery代码: -

var xi = 1;
var load = 0;
jQuery(document).ready(function($) {

        $(document).scroll(function (e,ui) {
            load = 0;
            if($(this).scrollTop() + $(window).height() == $(document).height()) {

                load = 1;

                if ((load == 1) && (xi <= limit)) {

                $('.animation_image').show(); //show loading image

                $.post('subCatContentMore.php',{desc:"<?php echo $banner; ?>",group_no: xi}, function(d){

                    $("#results").append(d);

                    //hide loading image
                    $('.animation_image').hide(); //hide loading image once data is received

                    load = 1;
                    xi++;
                });

                }


           }
        });
           load = 0;
});

提前致谢。

1 个答案:

答案 0 :(得分:0)

最有可能是因为滚动事件被调用了两次(我遇到了同样的问题)。

我建议您添加一个条件:

if((load == 0) && ($(this).scrollTop() + $(window).height() == $(document).height())) {