我正在进行一个从sql表中提取大量数据的查询。我想实现一个无限滚动功能,这样一次只能拉25条左右的记录。
不过,我有点麻烦。
当用户向下滚动时调用此查询。jquery向php发布页面上最后一条记录的最后一个id;

//ie, this js pulls the id
var last_order_number = $('.order_number_divs:last').attr('id');

//from this div
<div id="2476" class="order_number_divs">   1121310  </div>

我想如果我再选择两个id大于页面上前一个id的结果,我肯定会得到以下两个结果。但是,我每次都得到同样的两个结果。
SELECT
    id,
    order_number
    FROM sales_orders
    WHERE id > '$last_id'
    ORDER BY id ASC
    LIMIT 2

这是一个jquery,它通过模板运行数据来填充div。由于vkTemplate不支持追加,一旦用内容填充了div,我就删除刚刚填充的div的id,并将id赋给它下面的div,所以下次滚动时,内容将进入该div。
$(window).scroll(function () {

    if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {



        var last_order_number = $('.order_number_divs:last').attr('id');

        console.log(last_order_number);
        $.ajax({
            type: "POST",
            async: false,
            url: "queries/privileged_search_more_content.php",
            data: "user=" + "<?=$_COOKIE['username']?>" + "&last_order_number=" + last_order_number,
            dataType: "json",
            success: function (data) {
                console.log(data);

                $('#INT-order_information_container').vkTemplate("templates/get_orders_initial_template.tmpl?" + <?=time()?> , data, function () {

                $('#INT-order_information_container').removeAttr('id');
                $('#template_div_next').removeAttr('id')
                                       .attr('id', 'INT-order_information_container');

                });
                console.log($.active);
            }
        });

    }
    });

你知道为什么同样的两张唱片被反复翻阅吗?
非常感谢!
另外,我发现的这个滚动函数似乎是上下调用的。但这是另一个问题。只是说让你知道我至少知道这么多。

最佳答案

vkTemplate不支持追加。查看vkTemplate主页
http://www.eslinstructor.net/vktemplate/
菜单项是“附加技术”。
使用vkTemplate实现追加的另一种方法是自定义此插件。很简单:打开代码并查找行#94102117https://github.com/vkiryukhin/vkTemplate/blob/master/vktemplate.js

$(elm).empty().append(. . .)

并从此表达式中移除empty()。
希望能帮上忙,
-瓦迪姆

09-27 10:12