如何使用！在jQuery animate（）函数中很重要

请参阅下面的jQuery：

我真的很想知道如何在这段代码中使用CSS !important对于height !important 。

  $j('#lveis-wrapper_3').animate({ opacity: 0.0, height : 200 }, 1200); 

#lveis-wrapper_3的CSS如下：

 #lveis-wrapper_3 { width: 844px !important; height: 936px !important; margin: 0pt 0pt 10px !important; padding: 0pt !important; float: none; } 

我不能删除!important的height: 936px由于某些原因…
所以我想通过animate() jQuery函数改变那个height – 但是如何？

Answer 1

你不能这样做。

根据jQuery文档 …

“所有动画属性都应该动画为单个数值 … …大多数非数字属性无法使用基本的jQueryfunction进行动画处理……”

http://api.jquery.com/animate/

---

我强烈建议您重新检查您的需求!important 。

Answer 2

您可以使用css转换使其工作，因为即使样式属性由$（elem）.attr（’style’，’…’）更改，css转换也会起作用;

你用：

JS

 // the element you want to animate $(elem).attr('style', 'your_style_with_important'); 

CSS

 elem { transition: all 0.2 linear; -moz-transition: all 0.2 linear; -webkit-transition: all 0.2 linear; } 

Answer 3

你不能这样做，但试试这个！

根据它是否是DIV，IMG，……你将不得不做这样的事情。 这个例子是图像的情况：

  $j('img#lveis-wrapper_3').animate({ opacity: 0.0, height : 200 }, 1200); 

优先级在CSS中定义，具有选择器特异性。 您对#id的选择器特异性是1.0.0 ，但是现在添加img #id是1.0.1 ，因此优先级更高。