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。