带延迟的淡出类w/jQuery

带延迟的淡出类w/jQuery,jquery,Jquery,我有以下两个功能。检查一个类,如果没有找到,则删除另一个类。第二个函数延迟执行第一个函数。两者都很好,但我不想突然取消某个类,而是希望它逐渐消失。这是我到目前为止所拥有的。需要淡出。txtcc function noExpand() { exp = $("#prT span.ui-icon-triangle-1-s").size(); if (exp == 0) { $("#prT td.txtCCC").removeClass("txtCCC"); } }

我有以下两个功能。检查一个类,如果没有找到,则删除另一个类。第二个函数延迟执行第一个函数。两者都很好,但我不想突然取消某个类,而是希望它逐渐消失。这是我到目前为止所拥有的。需要淡出。txtcc

function noExpand() {
    exp = $("#prT span.ui-icon-triangle-1-s").size();
    if (exp == 0) {
      $("#prT td.txtCCC").removeClass("txtCCC");
    }
}

$("#prT span.btn").bind("click",function() {
    window.setTimeout(function(){
        noExpand(); //execute load function
    },1000);
});

似乎无法集成淡出…

您无法“淡出”类。它要么存在,要么不存在。但是,您可以为特定的数字CSS属性设置动画。看看,或者。我不知道txtCCC类应用了什么特定的样式,我不能说得更具体。

你不能“淡出”一个类。它要么存在,要么不存在。但是,您可以为特定的数字CSS属性设置动画。看看,或者。由于不知道类所应用的特定样式,我不能说得更具体。

属性上的类是全有或全无的,您不能有中间步骤(淡入淡出行为需要这些步骤)


要做到这一点,您必须将
txtcc
应用于元素的各种样式作为内联样式,删除类,然后使用
animate
使这些样式慢慢转换为不带类的元素的匹配值。至少可以说是非常重要的,特别是如果它包含颜色之类的东西(jQuery默认情况下不会设置动画,尽管有插件)。

属性上的类是全有或全无的,您不能有中间步骤(淡入淡出行为需要这些步骤)


要做到这一点,您必须将
txtcc
应用于元素的各种样式作为内联样式,删除类,然后使用
animate
使这些样式慢慢转换为不带类的元素的匹配值。至少可以说,这是非常重要的,尤其是如果它包含颜色之类的(jQuery默认情况下不会设置动画,尽管有插件)。

当然,可以设置
addClass
toggleClass
removeClass
的动画。但是你需要jQueryUI


当然,可以设置
addClass
toggleClass
removeClass
的动画。但是你需要jQueryUI


在jQuery中,没有办法交叉减弱类的效果。您需要使用
.fadeOut()
.animate()

但是,您可以使用CSS3转换淡入类的效果:

看这把小提琴:


不过,这只适用于现代浏览器。

在jQuery中,无法交叉减弱类的效果。您需要使用
.fadeOut()
.animate()

但是,您可以使用CSS3转换淡入类的效果:

看这把小提琴:


不过,这只适用于现代浏览器。

太好了,我实际上使用jQuery UI来实现其他功能。谢谢你指出这一点。太好了,我实际上使用jQueryUI做了一些其他的事情。谢谢你指出这一点。是的,我等不及CSS3最终成为一个新标准了。不幸的是IE仍然不能很好地支持它。我尽可能地使用CSS。是的,我等不及CSS3最终成为新标准了。不幸的是IE仍然不能很好地支持它。我尽可能地使用CSS。
$("#prT td.txtCCC").removeClass("txtCCC", 1000);