小编典典

滚动时使用Ajax加载内容

ajax

我使用jQuery Tools
Plugin作为图像滑块(此处为image
),但是由于图像数量巨大,我一次只需要加载几次。由于它是用JavaScript编码的,因此我无法知道滚动位置。我想在最后一张图片出现时立即加载它们。我不知道我放在哪里,事件监听器也什么都没有。

这是我的代码http://jsfiddle.net/PxGTJ/

请给我一点光!


阅读 239

收藏
2020-07-26

共1个答案

小编典典

我只需要使用jQuery Tools的API,onSeekscrollable()方法中的参数即可。

就是这样

$(".scrollable").scrollable({
    vertical: true,
    onSeek: function() {
        row = this.getIndex();
        // Check if it's worth to load more content
        if(row%4 == 0 && row != 0) {
            var id = this.getItems().find('img').filter(':last').attr('id');
            id = parseInt(id);
            $.get('galeria.items.php?id='+id, null, function(html) {
                $('.items').append(html);
            });
        }
    }
});
2020-07-26