【问题标题】:how to overwrite css height set by jquery/javascript?如何覆盖由 jquery/javascript 设置的 css 高度?
【发布时间】: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
我不确定这是不是正确的方法……可能不是,因为它不起作用。
感谢您的帮助!
【问题讨论】:
标签:
javascript
jquery
css
height
【解决方案1】:
setHeight,而不是$setHeight。并且不需要!important。
【解决方案2】:
您的变量名没有前导 $。此外,!important 标志会导致它在 Firefox 中不起作用,但是当您将此样式直接应用于元素时,您不需要它。
$("#someElement").css('height', setHeight + "px");
另请注意,如果您只是设置元素的高度,您也可以将其缩短为 height() 调用:
$("#someElement").height(setHeight);
【解决方案4】:
您的变量不匹配;请记住,标点符号和正确的拼写对于正确调用变量很重要;尝试将第二行更改为:
$("#someElement").css('height',setHeight+'px !important');
【解决方案5】:
除了您的变量是setHeight 并且您尝试使用$setHeight 之外,这应该完全有效。确保它们相同。确保您的选择器正确并获取元素。我相信你甚至不需要!important。样式标记应覆盖任何 .css 定义,除非您在其中包含 !important。