jquery - 重新检查 jQuery 中的某些内容？

Question

基本上我有一个 jQuery 函数来检查用户是否位于页面底部附近并加载更多内容。当文档加载时，它会运行以进行检查。

<script type="text/javascript">
$(document).ready(function() {

    var number = 5;
    offset = 0;

    $(window).scroll(function() {
        if($(window).scrollTop() + $(window).height() > $(document).height() - 10) {

            $(".empty-div").append().load('<?php bloginfo('template_url'); ?>/ajax.php?offset='+offset+number, function() {

                    var offset = offset+number;             

                    setTimeout(function(){ console.log('after', $(document).height()); }, 0);
                    setTimeout(function(){ console.log('after', $(window).height()); }, 0);



            });     

        }

    });

});
</script>

H/e 每当我第二次到达页面底部时，它都不会重做加载功能。顺便说一句，第一次确实有效。有什么想法可以解决这个问题吗？控制台的东西是用来重新计算高度的，以防万一这就是导致它的原因。

Answer 1

通过这样做:

var offset = offset+number; 

您正在创建一个新本地offset变量，而不是更新原始变量

offset = 0;

在函数之前声明，因此: ?offset='+offset+number 始终使用 offset 作为 0，因为它永远不会更新。只需删除 var，如下所示:

offset = offset+number; 

<小时/>

为了简洁起见，还可以在原始声明中添加 var，或者使用逗号作为多个声明，如下所示:

var number = 5, offset = 0;