在jQuery附加onload之后删除添加的类

Question

以下jQuery代码在页面加载时将CSS类.load附加到.spinner-wrapper。这完成了我想要的一半。

2秒后，我希望jQuery从.spinner-wrapper中删除附加的类。代码应尽可能简洁明了。

当前代码添加了类onload

$(function() {
  $('.spinner-wrapper').addClass('load');
});

Answer 1

如果只是延迟时间，您可以尝试添加以下内容。

$(function() {
  $('.spinner-wrapper').addClass('load');
  setTimeout(function(){
     $('.spinner-wrapper').removeClass('load');
  },2000);
});

Answer 2

如果您使用的是JQuery动画：

$('.spinner-wrapper').delay(2000).removeClass('load');

否则：

setTimeout(function(){
      $('.spinner-wrapper').removeClass('load');
},2000);

Answer 3

您无法使用delay()，因为它仅适用于效果队列，removeClass()不属于此类。请参阅这两个例子的jsfiddle ......

http://jsfiddle.net/5b5Gm/

你需要像这样使用setTimeout() ......

$(function() {
    $('.spinner-wrapper').addClass('load');
    setTimeout(function() {
        $('.spinner-wrapper').removeClass('load');
    }, 2000);
});