微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

我正在使用jQuery Tools Plugin作为图像滑块(image here),但由于图像量很大,我需要一次加载几个.因为它是javascript编码的,所以我不知道滚动位置.我想在最后一张图片显示或类似的东西时加载它们.我不知道我放在哪里,事件监听器也没有.

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

请给我一些亮点!

解决方法:

我只需要使用jQuery Tools的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);
            });
        }
    }
}); 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐