1

php files using ajax每次scrolls to the bottom窗口的用户时，我都会添加一些。

$(window).scroll(function(){
    if($(window).scrollTop() + $(window).height() > $(document).height() - 100){
    $(window).unbind('scroll');
    // Function to append php files using ajax
    }
})

我想识别下一次用户滚动到页面底部并附加一些其他 php 文件，但是我如何找出滚动到页面底部的下一个（1 个或多个）事件？

Example: First scroll to bottom: Append 1.php 2.php
         second scroll to bottom: append 3.php 4.php
         third scroll to bottom: append 5.php 6.php
         4th scroll to bottom: show footer

我不需要infinite scroll plugin。因为那里没有概念footer。

4

2 回答 2

1

您需要维护一个计数器变量来计算您发出的请求数。然后，您可以将其传递给服务器，然后服务器将返回所需的信息。像这样的东西：

var requestCount = 0;
$(window).scroll(function(){
    if ($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
        $(window).unbind('scroll');
        // Function to append php files using ajax
        requestCount++;
        if (requestCount < 4) {
            $.ajax({
                url: 'foo.php',
                data: { page: requestCount },
                success: function() {
                    // append your items
                }
            }
        }    
        else {
            // show footer
        }
    }
})

在您的 PHP 中，您需要获取page变量并返回相关项目。

于 2013-10-30T13:14:16.403 回答
0 
var count = 1;
$(window).scroll(function(){
    if($(window).scrollTop() + $(window).height() > $(document).height() - 100){
    $(window).unbind('scroll');
        if(count<4)
            // Function to append php files using ajax
            call_your_ajax_with_url(count+'.php');
            call_your_ajax_with_url(count+1 +'.php');
            count+=1;
        else showFooter();
    }
});

会做这项工作。

于 2013-10-30T13:19:13.840 回答