javascript - 滚动时使用 ajax 加载内容

Question

我使用 jQuery 工具插件作为图像 slider (image here)，但由于图像量很大，我需要一次加载少量图像。由于它是 javascript 编码的，据我所知我无法获得滚动位置。我想在最后一张图片出现或类似的情况后立即加载它们。我不知道我把事件监听器放在哪里。

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

请给我一些光!

Answer 1

我只需要使用 jQuery 工具的 API，即 scrollable() 方法中的 onSeek 参数。

原来是这样

$(".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);
            });
        }
    }
});