问题标签 [infinite-scroll]

我一直在努力解决这个问题并在 SO 上搜索类似的答案，但似乎无法弄清楚这一点。

我有一个使用 .load() 从外部 PHP 文件加载的活动提要。外部文件包含用于计算 textarea 中的字符并截断长帖子的脚本，例如：

页面首次加载时一切正常。但是，我在外部文件中也有一个脚本来创建无限滚动。'href' 包含分页查询字符串：

问题是，一旦调用滚动函数并再次调用 .load ，应用到之前在提要中的任何选择器的脚本就会“加倍”。例如，每次调用 .load() 时，都会有两个对应于 jqEasyCounter 的倒计时和两个对应于 jTruncate 的“更多”。每次调用 .load 时，实例的数量都会增加一。

我读过其他帖子，讨论如何使用选择器正确加载文件以删除脚本，然后使用 getscripts。但是，当我反复调用 .load 并附加结果时，我该怎么做呢？

真的很感激这方面的一些帮助！

更新 好的，根据Kevin的建议，我已经从外部文件中去掉了加载脚本，放到主文件中如下：

我试图在加载后删除寻呼机链接，然后在下次调用加载时使用最新的寻呼机链接。不幸的是，当我滚动时脚本会触发一次，然后页面会冻结。不确定我是否正确绑定了滚动事件。我应该改用 .on() 还是 .live() ？

我们有一个 Web 应用程序，当我们到达页面底部时，我们会自动加载更多内容，如下所示：

我们目前在没有更多可用内容时删除的父元素上使用“拥有更多”类。

我对这种方法不太满意，有什么想法吗？

我在布局中使用 jquery isotope 插件（和无限滚动）+ fitvids.js。我让它大部分工作，但问题在于加载无限滚动的页面中包含的视频。

第一页中的 Vids #1 和 #2 正在调整大小

加载了无限滚动插件的第二页中的 Vid #3 被忽略

我的代码：

我想知道是否有某种方法可以使用 jqgrid 及其 tabletogrid 扩展来实现无限滚动分页？我知道您可以使用 jqgrid 实现常规分页，但我需要不同的工具来进行无限滚动吗？

I've been using JQuery masonry and now I'm adding infinite scroll. There are images in nearly every masonry "brick" and before I was using infinite scroll the images loaded fine and everything was great. I added the next part of the javascript for the infinite scroll and added the imagesLoaded method inside but when the new bricks are appended they come out all piled on top. My assumption is that I am not adding the imagesLoaded method properly in the infinite scroll callback but I haven't been able to find my error. Here's the code

The first JQuery masonry call works fine and hasn't been touched. It's the second part where there seems to be a problem. Thanks for the help and let me know if you need more information.

我将will_paginategem 与Infinite Scroll jQuery Plugin结合使用，该机制运行良好。唯一的例外是显示信息消息，何时加载新内容或何时已加载所有数据 - 不显示此消息。

will_paginate这是我由gem生成的分页结构：

这是一个设置Infinite Scroll plugin：

一切都应该由手册页设置，但我不知道为什么，信息消息和加载程序没有加载......

感谢每一个帮助！

晚上，

我已经走到了尽头，我设法将 Tumblr 帖子图像导入我的主题，并设法让 Infinite-Scroll 功能也能正常工作。唯一的问题是无限滚动循环 tumblr 图像而不是获取下一组图像，例如在每个滚动上获得偏移 10，而不是一遍又一遍地循环 10 个图像。

这是代码，pastebin URL： http: //pastebin.com/8GTtaMeX

对此的任何帮助都会很棒。

我试图在网站中实现无限滚动功能。有一个 div '#books'，里面有多个 div '.book'。到目前为止，这工作正常：

但是，即使在加载所有内容后，#lodinggif 也会停留在底部。有什么方法可以检测到 pagex.html 不存在然后隐藏 #loadinggif ？

我遇到的问题是无限滚动插件可以很好地到达最后一个有效分页，然后如果您再次滚动到底部，它会重新拉出最后一个有效内容。

即如果我有 3 个有效的分页内容页面，

page/1 = 返回页面 1 内容页面/2 = 返回页面 2 内容页面/3 = 返回页面 3 内容页面/4 = 返回页面 3 内容页面/4 = 返回页面 3 内容页面/4 = 返回页面 3 内容页面/ 4 = 返回第 3 页内容等...

如果我输入 page/99 它仍然返回第 3 页的内容。

从网上看，我需要将后端配置为在尝试调用不存在的分页页面时返回 404。

我有两个问题：

1) 我客户的网站托管在 SquareSpace.com 上（他们根本不提供访问 404 或非常多的后端）

2）即使我可以访问，我也不知道如何修复它。

这是文章的链接，说明这是问题所在：

https://github.com/paulirish/infinite-scroll/issues/49

如果有人可以提供帮助，我将非常感激！

我正在尝试在由“inview”自定义事件（https://github.com/protonet ）触发时设置动态加载的内容（通过无限滚动脚本：http: //www.infinite-scroll.com/ ） /jquery.inview）。

我的代码如下所示：

如您所见，使用 $.data 例程是为了确保 .on() 事件处理程序不会对选择过滤器中的每个元素执行多次。

这段代码在理论上工作得很好，除了一旦将下一页上动态加载的内容附加到文档中，.on() 例程就会再次在每个元素上运行，而不仅仅是新添加的元素。

在我的网站上，如果您滚动到下一页，您将看到所有元素淡出并再次淡入，这是由.on()事件处理程序引起的。

如何防止它在前一页上先前处理的元素上执行？