jquery - jQuery Slider的问题

我试图制作的jquery滑块有一些问题。
在jsf上：jsfiddle.net/0hq91y5v/
我有五个点李链接，我试图链接到每个幻灯片。很明显，我希望通过单击每个按钮将类更改为activeDot，并从当前的active按钮中删除该类。我在jquery中试过这个，但它不起作用。
我还添加了一些代码，在使用相同方法单击每个按钮后，通过为每个按钮切换activeSlide类，尝试在不同幻灯片之间淡入淡出，但这也行不通。
最后，看看我使用的代码，有什么更好/更具语义的方法可以在单击相关按钮时添加和删除activeSlide类，而不是像我所拥有的那样为每个按钮创建一个函数？

最佳答案

您还需要对当前的jQuery代码和标记进行一些更改。
看看fiddle
这段代码将帮助您实现预期的行为，您可以根据需要添加fadeIn（）和fadeOut（）。

$(document).ready(function() {

    var activeSlide = $('#homeSlider > .activeSlide');
    var activeDot = $('#homeSliderNav > ul > li.activeDot');

    $('#homeSliderNav > ul > li').click(function() {
        $('#homeSliderNav > ul > li').removeClass('activeDot');
        $(this).addClass('activeDot');
        $('.slide').removeClass('activeSlide');
        var slide = this.getAttribute('data-id');
        $('#' + slide).addClass('activeSlide');

    });

});