光滑的滑块+ Javascript：适用于初始页面加载，但不会在没有页面刷新的后续页面加载时使用

Question

我在页面上使用光滑的滑块（http://kenwheeler.github.io/slick/）。初始化slickslider的javascript包含在每个页面中。

第一次加载页面时，滑块完美运行。但是，当我单击链接并转到另一个页面时，滑块不起作用，或者不会“重新初始化”。为了让它工作，我必须刷新页面。

这是初始化滑块的javascript块。我已经尝试过$（document）.ready（）和$（window）.load。

$(document).ready(function() {
  console.log("Hi");
  $('.slides').slick({
      autoplay: true,
      autoplaySpeed: 2500,
      speed: 500,
  });
});

似乎当我进入下一页时，滑块未再次初始化，因为它已在当前浏览器“session”中初始化。 JavaScript不是我的第一语言，所以我可能会错过一些基础知识。

如何让它工作，以便滑块适用于每个页面而无需刷新页面？

感谢，