使用URL开始幻灯片

Question

我需要通过网址转到幻灯片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或应用一些逻辑从散列中删除幻灯片编号。