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

Question

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

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

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

但是在JScroll中，它仍然保留旧的href并加载旧的数据。 例如-我在localhost / new上滚动，当我在JScroll nextHref tab更改为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 Initializer。