首页 / JAVASCRIPT / javascript – 滚动时使用ajax加载内容

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 滚动时使用ajax加载内容，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含687字，纯文字阅读大概需要1分钟。

内容图文

我正在使用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);
            });
        }
    }
});

内容总结

以上是互联网集市为您收集整理的javascript – 滚动时使用ajax加载内容全部内容，希望文章能够帮你解决javascript – 滚动时使用ajax加载内容所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/706603.html

来源：【匿名】