如何覆盖由 jquery/javascript 设置的 css 高度？

Question

我有这个：

 var setHeight = $(this).outerHeight(); 
 // returns e.g. 687

 $("#someElement").css({'height': $setHeight+"px !important" });
 // I want to override this jquery-set height

我不确定这是正确的方法……可能不是，因为它不起作用。

感谢您的帮助！

Answer 1

您的变量名称没有前导$ 。 此外， !important标志将导致这在 Firefox 中不起作用，但是当您将此样式直接应用于元素时，您不应该需要它。

$("#someElement").css('height', setHeight + "px");

另请注意，如果您只设置元素的高度，您也可以将其缩短为height()调用：

$("#someElement").height(setHeight);

Answer 2

setHeight ，而不是$setHeight 。 并且!important是不需要的。

Answer 3

您的变量不匹配； 请记住，标点符号和正确拼写对于正确调用变量很重要； 尝试将第二行更改为：

$("#someElement").css('height',setHeight+'px !important');

Answer 4

取出美元符号 ;) 'setHeight'

Answer 5

这应该完全有效，除了您的变量是setHeight并且您正在尝试使用$setHeight 。 确保它们相同。 确保您的选择器正确并获取元素。 我相信你甚至不需要!important 。 style 标签应该覆盖任何 .css 定义，除非你有!important 。