slider - 使用 URL 开始幻灯片

Question

我需要通过 URL 转到幻灯片 5。因此，当我键入 url.com/#slide5 或 /?start=slide5 之类的内容时，需要触发代码“startSlide: 5”。

$(document).ready(function(){
  $('.slider').bxSlider({
    slideWidth: 300,
    minSlides: 2,
    maxSlides: 3,
    startSlide: 5,
    slideMargin: 10
  });
});

这有可能吗？

Answer 1

您可以使用window.location.hash

$(document).ready(function(){
  var hash = window.location.hash;

  $('.slider').bxSlider({
    slideWidth: 300,
    minSlides: 2,
    maxSlides: 3,
    startSlide: hash,
    slideMargin: 10
  });
});

但为此，您必须仅将幻灯片编号添加到哈希中，例如 url.com/#5 或应用一些逻辑从哈希中删除幻灯片编号。