Javascript 带有css动画的Jquery removeClass不工作
对于表格行背景,我有以下css规则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
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结构,然后,当您在其他地方应用它或停止使用表时,它仍然可以工作:-)