Flexslider - 根據錨定在特定的幻燈片上開始？

Question

有沒有辦法讓flexslider開始在特定的幻燈片取決於錨鏈接？

例如。

http://site.com/index.html#slide1 - 開始在幻燈片1

http://site.com/index.html#slide3 - 開始在幻燈片3

我想將它設置成在startAt選項，會說像

如果一個變量window.location.hash是號碼，從號碼開始。

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')