jquery - 在 jQuery 加载后删除添加的类

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);
});