Flexslider startat类而不是幻灯片编号

Question

在Flexslider中，您可以选择在特定幻灯片上启动滑块，例如：

$(".slider").flexslider({
      startAt: 7
});

我的问题是我不想以特定数字启动滑块。相反，我想在特定的类中启动它，例如，如果我的列表看起来像：

<ul>
...
<li>...</li>
<li>...</li>
<li class="active">...</li>
<li>...</li>
...
</ul>

然后我希望第一张幻灯片成为.active类的幻灯片。

有谁知道怎么做？谢谢。

Answer 1

尝试以下方法（使用jQuery的.index()）：

$(".slider").flexslider({
      startAt: $('.slider li.active').index('.slider li');
});

jsFiddle example of .index()

Answer 2

制定一个简单的解决方法：

$(".slider").flexslider({
      startAt: $('#your_ul_id > li').index($('#your_ul_id > li.active'))
});

：P