javascript - 如何覆盖由 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. 样式标签应该覆盖任何 .css 定义，除非你有!important它。