jQuery的addClass与removeClass移除在使用setInterval [英] jquery addClass and removeClass with setInterval

问题描述

我想改变类的名称，每3秒。卜这是行不通的。我怎样才能做到这一点？

  $（文件）。就绪（函数（）{
        功能moveClass（）{
            变种X = $（'liveEvents。'）;
            x.removeClass（'liveEvents'）;
            x.addClass（'liveEventsActive'）;
            x.removeClass（'liveEventsActive'）;
            x.addClass（'liveEvents'）;
       }

        的setInterval（moveClass，3000）;
        返回false;
    }）;
 

解决方案

您可以在一行中做到这一点。使用 toggleClass ：

 的setInterval（函数（）{$（'liveEvents。'）toggleClass（'liveEventsActive'）}，3000）;
 

如果你正确地做你的CSS，你并不需要删除 liveEvents 类。只要在 liveEventsActive 类覆盖你需要什么。

I want to change class name every 3 seconds. Bu it doesn't work. How can I do this?

$(document).ready(function() {
        function moveClass(){
            var x = $('.liveEvents');
            x.removeClass('liveEvents');
            x.addClass('liveEventsActive');
            x.removeClass('liveEventsActive');
            x.addClass('liveEvents');
       }

        setInterval(moveClass, 3000); 
        return false;
    });

解决方案

You can do this in one line. Use toggleClass:

setInterval(function(){$('.liveEvents').toggleClass('liveEventsActive')}, 3000);

If you do your CSS correctly, you don't need to remove the liveEvents class. Just make the liveEventsActive class overwrite what you need.

这篇关于jQuery的addClass与removeClass移除在使用setInterval的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！