jquery - 将导航点添加到我的 jquery 产品幻灯片

Question

我现在正在制作幻灯片，但不知道如何让一些导航点(“ol li”)与我的代码一起工作。问题是:我需要知道“li”标签中的当前元素(动态地)

应该是这样的:

var index = $(this).index();

我也不确定

<ol>
    <li>
    <li>
    <li>
    ...
<ol>

是一个好主意，以及如何在元素增长时动态添加列表元素。

但是，幻灯片效果非常好。只有导航点是问题所在。

这是给你的 jsfiddle: http://jsfiddle.net/5ad2qmvb/19/

Answer 1

我查看了您的代码，解决方案非常简单。在点击 li 之后，你没有用正确的索引更新 sliderint 和 slidernext，我改变了它，你的 fiddle 开始工作了。旧的:

sliderInt = sliderNext;
sliderNext = sliderNext+1;

新:

  sliderInt = index;
  sliderNext = index +1;

• 工作 fiddle :

JsFiddle