jquery - Flexslider - 根据锚点从特定幻灯片开始？

Question

有没有办法让flexslider根据锚链接从特定幻灯片开始？

例如。

http://site.com/index.html#slide1 - 从幻灯片 1 开始

http://site.com/index.html#slide3 - 从幻灯片 3 开始

我想将它设置为startAt选项上的变量，它会说类似

如果 window.location.hash 是number，则从number开始。

Answer 1

flexslider 有一个选项startAt，它接受幻灯片索引的整数值。

Answer 2

这可以用一点 Coffeescript（或者 JS，如果你更喜欢的话）来完成，但目前只适用于桌面设备

# Add support for hashtags
$(window).load ->
  # Get your hash tag
  loc = $(location).attr('href')
  idx = 1
  if(loc.lastIndexOf('#') != -1)
    idx = loc.substr(loc.lastIndexOf('#')+1).replace('slide', '')
  # verify that idx is really a number
  if(isNaN(idx-0))
    idx = 1
  # Click on your nav (idx starts at 0)
  $('.flex-control-nav li:eq('+(idx-1)+') a').trigger('click')