加载从阵列使用笨多个内容(load more content from an array using

2019-08-03 19:18发布

我使用笨。在我的控制器我解码JSON响应和简单地在加载一个视图中显示的值。我简单地显示从JSON阵列（ 不使用数据库 ）我的所有内容。这是完全从中我感到渲染data.I希望自动加载的同时滚动内容的数组。

例：

 $resultjson = $this->curl->simple_get("http://www.test.com/api/records.php?ak=XXXXXXXX&ts=XXXXXXXX&sig=XXXXXXXX&postano=XXXXXX&count=100");

我怎样才能获取10条自动加载的时候？就像http://pinterest.com/机制。我怎样才能做到这一点？

是否有任何插件？笨是否已经有了它，这样我可以使用类或库的解决方案？

Answer 1:

您可以使用jQuery的滚动事件， scrollTop的（）和$阿贾克斯（）;

Basicly捕捉滚动事件，看看是否$(window).scrollTop()高于<div id="auto_load"></div>通过.offset（））和Ajax运行一次，如果是这样的话。

div#auto_load将波纹管加载的内容的地方，一旦内容被添加会“跳”下去。

例：

var ajax_once = false;
$(window).bind('scroll', function() {
    if (ajax_once)
        return;

    if ($(this).scrollTop() >= $('div#auto_load').offset().top) {
        ajax_once = true;
        $.ajax({
            /* Url, dataType json etc. */
        }).done(function(data) {
            /* use the data */
            ajax_once = false;
        });
    }
});