无限滚动一直加载

Question

老师,即使用了以下代码把.infinite-scroll-preloader隐藏了之后, 继续下拉滚动还是会向后台发送请求加载的?

 // 若总数达到跟按照此查询条件列出来的总数一致，则停止后台的加载
                if (total >= maxItems) {
                    // 隐藏提示符
                    $('.infinite-scroll-preloader').hide();
                } else {
                    $('.infinite-scroll-preloader').show();
                }

Answer 1

翔仔 2018-10-19 23:03:07

我这边的话是生效的，不知道同学这边为什么不生效。。需要设置断点看看能否到这一块

• 提问者 剑心kenxin #1

  断点能看到执行了这一块,也把infinite-scroll-preloader这个div给设置成display none,但向下滑动还是会继续加载发送请求到后台

• 翔仔 回复 提问者 剑心kenxin #2

  同学要不把源码贴上去试试，所有的 html js 因为我的并不会重复加载

• 提问者 剑心kenxin 回复 翔仔 #3

  也试过了,直接把老师1.0 版本的js和html搬上去也一样会重复加载,难道是因为我的浏览器版本比较旧导致js方面有些地方不兼容?我的是chrome v55

点开查看后面1条评论

Answer 2

提问者 剑心kenxin 2018-10-19 13:30:24

刚试了一下,还是要用到$.detachInfiniteScroll($('.infinite-scroll'));才会阻止滚动加载,然后再在每一次的重置查询条件下加上$.attachInfiniteScroll($('.infinite-scroll'));重新绑定无限滚动事件监听器,让重置条件后也能进行滚动加载