问题标签 [jquery-infinite-scroll]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
2530 浏览

jquery - 使用带有 ajax 的无限滚动 jQuery 插件

我正在做一个类似于 Google Reader 的项目。

我正在使用 Infinite Scroll jQuery 插件,它在查看默认选定类别的内容(在可滚动的 div 中)时完全按照广告宣传的方式工作。

However when selecting another category (or folder in the case of Google Reader) and the contents of that category is loaded with ajax into the same div container as above (basically exactly like Google Reader) and scrolling down to page 2 the problems arise as it将移至先前选择的任何页面 +1,而不是在选择新类别时从头开始。

我认为基本上我需要一种在选择新类别时重置插件的方法。非常感谢任何帮助。

0 投票
7 回答
54945 浏览

javascript - 无限滚动jQuery插件

我正在尝试在我正在使用 Coldfusion 开发的网站上设置无限滚动,我是 javascript 和 jquery 的新手,所以我遇到了一些问题。为了使用无限滚动插件,我是否需要在我的网站上进行分页,或者有没有办法做到这一点?

0 投票
8 回答
17048 浏览

jquery - jquery无限滚动“重置”

我正在为网站使用无限滚动 jquery 插件(https://github.com/paulirish/infinite-scroll

一切都很好,除了我的页面是搜索所以......发生的事情是:

1)您进入页面,浏览器会自动定位您并返回您周围的项目列表(例如条形图)......需要无限滚动以避免此列表分页。直到这里一切正常……除了我可以到达“无限页的末尾”和插件从滚动中“解除绑定”本身的事实。

2)现在....当您想在输入文本中手动插入地址时,您可以随意...您写下您的地址,然后按回车...并使用 ajax(无页面刷新).. .我会寻找纬度/经度,找到地址,更改无限滚动的导航链接....而且,我觉得很愚蠢,但我想不出“重新激活”或“重新绑定”的方法” 事件的插件......所以我的“新搜索结果”没有新的“无限滚动”实例......

(页面“拆分”正确并正确返回一个尝试更改“page = NUM​​BER”的json)

这是控制台中发生的事情:

在“取消绑定”之后,我无法再次绑定它,因此在我的下一个搜索结果中无限滚动......

0 投票
0 回答
881 浏览

javascript - 带有 Backbone.js 的无限滚动 jquery 插件

我正在为我的页面使用无限滚动 jquery 插件。在实现backbone.js 之前,无限滚动在我的页面上运行良好。分页链接由 Laravel PHP 框架创建。

问题:但是在更改代码以使用backbone.js 后,无限滚动功能停止工作。我想知道这是否是由于插件在主干加载视图之前加载,所以插件没有看到任何内容,并认为没有更多元素可以添加到当前页面。如果是这样,我该如何解决这个问题?否则,可能发生了什么?谢谢!

JS代码

HTML

0 投票
2 回答
9845 浏览

php - codeigniter 中的无限滚动 jquery 插件

我在配置文件夹中有一个 pagination.php 文件。代码如下

如何在codeigniter中使用jquery插件无限滚动?

0 投票
1 回答
133 浏览

javascript - 无限滚动 jquery 插件不起作用

我正在尝试使用Infinite scroll jquery plugin为 codeigniter 的分页添加无限滚动。但没有成功

这是我的控制器:

这是我的观点:

这里也是 javascript 的视图:

分页链接会是这个样子http://localhost/latihan/news/home/3然后点击下一步就会是这个样子http://localhost/latihan/news/home/6

问题是下一篇文章没有显示并且加载更多按钮没有加载数据。

有什么答案吗?

非常感谢...

0 投票
1 回答
731 浏览

javascript - 使用 Animsition 和 Infinite Scroll js

我正在使用无限滚动 js(行为设置为 twitter)在索引页面上加载新内容。我担心的是,如何在通过无限滚动加载的新帖子上重新启动动画?我已经详细描述了所遵循的页面结构,如果有人可以分享相同的解决方案,我将不胜感激。

这是JS,

0 投票
0 回答
819 浏览

angularjs - 滚动后在无限滚动中不调用加载更多功能

我正在使用 Angular 材料开发应用程序。

相同的代码适用于角度应用程序,但不适用于角度材料。

这是我的控制器代码

这是我的查看代码

成功请求后,我将响应发送到onResponse()函数。第一次它给了我 20 条记录,但是当我从视图中向下滚动页面it's not calling the loadMore()功能时

我在 Angular js 中实现的相同类型的示例只是它可以工作,但不知道为什么这不适用于 Angular 材料。

请帮我解决这个问题。

0 投票
1 回答
1278 浏览

jquery - 如何在无限滚动加载页面上执行 Javascript

我正在处理产品列表页面更多产品加载无限滚动 问题是当新页面加载时,当用户单击“添加到购物车”时,加载页面上的 jQuery on click 事件将不会执行。如果使用 jquery load() 加载该脚本,它就会工作。但无限滚动正在使用我不知道的其他东西。

0 投票
1 回答
1989 浏览

jquery - 与 Masonry + Bootstrap 4 结合使用时,无限滚动不起作用

我正在尝试制作照片网格——Infinite Scroll v3 + Masonry 4.2.0 + Bootstrap 4 Beta 3

我正在尝试从过去 3 天开始设置它,但它仍然无法正常工作。代码有什么问题?

我已经从示例中复制了代码并尝试将 Bootstrap 添加到其中。

但是当我尝试在我的网站设置中使用代码并删除“Codepen Slug”时,它会停止工作并且不会在页面末尾显示加载程序。并且图像网格看起来只有 1 col 网格,根据 Bootstrap 应该是 2 col 图像网格。

  1. 如何使加载器图像在我的网站上工作?

  2. 如何使网格看起来正确 2 col-6 网格?