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

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);
});