jquery - jQuery removeClass 有问题

标签 jquery html css

我在使用 jQuery .removeClass 时遇到问题

我认为我不需要解释太多,因为 jsFiddle 会做。 但是为什么不能正常工作呢?当您看到红色正确传递时,右侧工作正常。但是左边是跳一个,不会标记最后一个。

    $(document).ready(function() { 
      var currentDiv = 0;
    $('#arrowRight').click(function() {
        currentDiv = (currentDiv + 1) % 5;
        $('.dot').removeClass('active');
        $('.mark' + (currentDiv + 1)).addClass('active');
    }); 

    $('#arrowLeft').click(function() {
        currentDiv = currentDiv - 1;
        if (currentDiv < 0)
            currentDiv = 4;
        $('.dot').removeClass('active');
        $('.mark' + (currentDiv)).addClass('active');
    });

    });

http://jsfiddle.net/hmDg8/

最佳答案

你的标记是从 1 开始的数字,你在 arrowRight 上得到了正确的但在左边你必须做

$('.mark' + (currentDiv + 1)).addClass('active');

注意 + 1

关于jquery - jQuery removeClass 有问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17134135/

相关文章:

javascript - 为 getScript() 添加超时

javascript - 如何集成 requirejs?

javascript - 如何解决此问题以将图像从 HTML div 元素添加到谷歌地图标记弹出内容?

javascript - Slick-Slider React 控件在移动时消失,并且在图像后面

css - 100% 宽度的 html img,并剪裁到父元素的高度,这是不固定的

javascript - 固定标题表 CSS 和 Javascript

html - 由段落旁边的图像组成的居中 block

asp.net - 将 jQuery 集成到现有的 ASP.NET Web 应用程序中?

javascript - Mediaelement 在音频标签中加载视频播放器

Javascript确认框,如果点击取消,则不会重新加载页面