JScroll：在 ajax 更改选项卡和 URI 后更改 nextHref

Question

JScroll 无法看到 javascript 何时使用 pushState 更改了窗口历史记录。

我为索引页面上的帖子添加了 JScroll。例如，默认 URL 是 localhost。并且当之后没有路径时，将加载默认帖子，并且 jscroll 将按应有的方式工作。

但我在索引页面上有标签（新的、顶部的、热门的），它们改变了帖子的顺序。因此，当我单击一个选项卡时，它会使用window.history.pushState 动态更改 URL，并使用新过滤器发送请求以显示帖子。

但在 JScroll 中，它仍然会留下旧的 href 并加载旧数据。例如 - 我在 localhost/new 上滚动，当我在 JScroll 中将选项卡更改为 localhost/top 时，nextHref 是 "http://localhost:8000/new?page=3 div.infinite-scroll" 而不是 "http://localhost:8000/top?page=1 div.infinite-scroll"。

如何更改它以使其与标签同步？

Answer 1

我找到了解决方案。

每次更改标签后我都添加了
$('.infinite-scroll').removeData('jscroll').jscroll.destroy(); 并再次调用 JScroll 初始化程序。