文章/答案/技术大牛

发布

社区首页 >问答首页 >jQuery滑块的问题

问jQuery滑块的问题
EN

Stack Overflow用户

提问于 2017-02-07 20:45:30

回答 1查看 42关注 0票数 2

我正在尝试制作的jquery滑块有一些问题。

在jsf上：jsfiddle.net/0hq91y5v/

我有五个dot li链接，我正在尝试链接到每张幻灯片。很明显，我希望通过单击每个按钮将类更改为activeDot，并从当前活动的按钮中删除该类。我已经在jquery中尝试过了，但它不起作用。

我还添加了一些代码，在使用相同的方法单击每个按钮后，尝试在不同的幻灯片之间淡入淡出，方法是为每个按钮切换activeSlide类，但这也不起作用。

最后，看看我使用的代码，在单击相关按钮时添加和删除activeSlide类的更好/更具语义的方法是什么，而不是像我一样为每个按钮创建一个函数？

jquery

html

css

slider

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-02-07 21:12:03

您还需要对当前的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');

    });

});

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/42090263

复制

相似问题

问jQuery滑块的问题
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery滑块的问题EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery滑块的问题
EN