Slick -如何链接到单独页面上的幻灯片

<div id="slider">
  <div><img src="slide1.jpg" alt="Slide 1"></div>
  <div><img src="slide2.jpg" alt="Slide 2"></div>
  <div><img src="slide3.jpg" alt="Slide 3"></div>
</div>

$(document).ready(function(){
  $('#slider').slick({
    autoplay: true,
    arrows: true,
    dots: true
  });
});

https://example.com/page#slide2

$(document).ready(function(){
  // 获取URL中的锚点
  var hash = window.location.hash;

  // 如果存在锚点
  if (hash) {
    // 移除锚点前的#符号
    var slideIndex = hash.substr(1);

    // 使用Slick插件的slickGoTo方法滚动到对应的幻灯片
    $('#slider').slick('slickGoTo', slideIndex);
  }

  // 初始化Slick插件
  $('#slider').slick({
    autoplay: true,
    arrows: true,
    dots: true
  });
});