jquery - jQuery 使用淡入/淡出添加/删除类

Question

我想将淡入淡出效果应用于 addClass 函数..并将淡出效果应用于 removeClass...

你能帮助我吗？

这是我的代码

$('#loader'+idTurno).addClass('loader');

...

$('#loader'+idTurno).removeClass('loader');

score 46 · Accepted Answer

淡入：

$("#loader").fadeIn("slow", function() {
    $(this).addClass("loader");
});

消退：

$("#loader").fadeOut("slow", function() {
    $(this).removeClass("loader");
});

正如另一位用户所说，您可能想研究使用toggleClass.

score 18 · Accepted Answer

另一种实现这一点的方法，使用您的原始 jQuery 代码，CSS 方式：

#loader {
  transition: opacity 500 ease-in-out;
}

更流畅的动画，更容易维护。

score 5 · Accepted Answer

5

#loader {
  transition: all 0.9s ease-out 0s;
}

于 2017-09-01T05:40:12.133 回答

score 2 · Accepted Answer

可能在fadeIn 类之后使用了setTimeout 函数

 $('#loader').addClass('loader').fadeIn('slow');
 setTimeout(function(){  $('#loader').removeClass('loader'); }, 1000);

score 0 · Accepted Answer

让它简单：

$('#loader'+idTurno).addClass('loader').fadeIn(1000);
$('#loader'+idTurno).removeClass('loader').fadeIn(1000);

score -8 · Accepted Answer

您应该为 remove/addClass 方法添加一个持续时间：

$('#loader'+idTurno).addClass('loader',500);
$('#loader'+idTurno).removeClass('loader',500);

6 回答 6