jquery - 将项目符号附加到滑块图像

Question

我已经建立了一个jsfiddle

http://jsfiddle.net/K8aex/

我需要项目符号来移动幻灯片我也试图将项目符号的点击附加到相关幻灯片的索引我该怎么做？找到子弹的索引找到具有相同索引的img的索引？让那一张成为当前幻灯片？

任何帮助将不胜感激

   $('.bullets a').click(function(e) {
        e.preventDefault();
        var bulletIndex = (this).index()
        console.log(bulletIndex)
        wrapper.find('li:nth-child(bulletIndex) img').addClass('current');

    });

谢谢

Answer 1

首先，我将创建抽象函数以滑动到特定图像，例如，您可以在其中设置属性并制作动画：

function slideTo(i) {
    ...
}

您已经实现了它，但它在您的代码中非常分散。

您提供的点击处理程序也有一些错误，这是一个清理版本：

$('.bullets a').click(function(e) {
    e.preventDefault();
    var bulletIndex = $(this).text();
    slideTo(bulletIndex);
});