延迟后使用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');
});