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

Posted 2023-03-06

【中文标题】如何覆盖由 jquery/javascript 设置的 css 高度？

【英文标题】：how to overwrite css height set by jquery/javascript?

【发布时间】：2012-04-23 23:06:18

【问题描述】：

我有这个：

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

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

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

感谢您的帮助！

【参考方案1】：

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

【参考方案2】：

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

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

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

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

【参考方案3】：

取出美元符号 ;) 'setHeight'

【参考方案4】：

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

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

【参考方案5】：

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