Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/actionscript-3/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带有css动画的Jquery removeClass不工作_Javascript_Jquery_Css - Fatal编程技术网

Javascript 带有css动画的Jquery removeClass不工作

Javascript 带有css动画的Jquery removeClass不工作,javascript,jquery,css,Javascript,Jquery,Css,对于表格行背景,我有以下css规则 tr.unread { background:rgba(237, 239, 245, 0.70) none repeat scroll 0 0; -webkit-transition: background 1s linear; -moz-transition: background 1s linear; -o-transition: background 1s linear; transition: background 1s

对于表格行背景,我有以下css规则

tr.unread {
    background:rgba(237, 239, 245, 0.70) none repeat scroll 0 0;
   -webkit-transition: background 1s linear;
   -moz-transition: background 1s linear;
   -o-transition: background 1s linear;
   transition: background 1s linear;
 }
我想从
tr
中删除
.unread
类,并淡出动画(如果可能的话,不使用Javascript/Jquery)。但它只是删除了类,没有任何动画

Javascript:
$('tr.unread').removeClass('unread')


有什么想法吗

必须在
tr
元素上定义转换规则:

$(“按钮”)。单击(函数(){
$('tr.unread').removeClass('unread');
});
tr{
-webkit转换:背景1s线性;
-moz跃迁:背景1s线性;
-o-过渡:背景1s线性;
过渡:背景1s线性;
}
未读{
背景:rgba(2372392450.70)无重复滚动0;
}

表单元格1
表单元格2
表单元格1
表单元格2

Mark read
您使用的是jquery ui吗?不。只使用jquery。绝对不需要JQueryUI。为此,使用jsCool只需添加和删除类。但是,除了在
tr
元素中添加
动画
属性之外,还有其他解决方案。因为我在其他页面中有许多其他表,我不想影响它们。您应该使用另一个类。只需制作一些类似于animated.unread而不是tr.unread的内容,并将动画设置为animated。我的意思是,除了更改原始
tr
规则之外,还有其他方法吗?您可以将此行为限制为具有某个类的一个表。像
和CSS:
中的messages tr{-webkit transition:…}
您只需添加一个类
message
,然后从该类中添加和删除
未读的
类,在CSS或jquery中根本不需要提及HTML结构,然后,当您在其他地方应用它或停止使用表时,它仍然可以工作:-)