延迟后使用jQuery添加一个类

前端之家收集整理的这篇文章主要介绍了延迟后使用jQuery添加一个类前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
单击一个元素时,我想向body元素添加一个类,但稍有延迟.
因此,单击element1,然后在.5秒后,正文被赋予一个新类.

我正在使用它在某种程度上工作…

$('.element1').click(function() {
    $('body').delay(500).queue(function(){
        $(this).addClass('left-bg')
    });
});

但是,我有另一个click事件,它从body中删除了这个left-bg类.

$('.another-element').click(function() {
    $('body').removeClass('left-bg');
});

但是下次单击.element1时,它根本不会将left-bg类应用于正文.

希望有道理.任何人都可以帮我这个或建议另一种方式去做吗?

解决方法

清除队列:

DEMO

$('.element1').click(function() {
    $('body').delay(500).queue(function(){
        $(this).addClass('left-bg').clearQueue();
    });
});

$('.another-element').click(function() {
    $('body').removeClass('left-bg');
});

猜你在找的jQuery相关文章