如何设置动态添加到页面的元素的高度

Question

我需要设置容器的高度，该容器通过jquery函数添加到DOM /页面。

我尝试使用样式表，但它只是忽略它并动态设置一个小于内容的高度。

我尝试了$(element).css('height',470)和$(element).css('height','470px')，但这些都没有效果。

Answer 1

您的语法没有问题。您可能只需要等待DOM（或其他正在加载元素的函数）来完成加载：

$(function() { // Or similar if it's another function loading the element
    $(element).css('height','470px');
});

这将在给定时刻设置元素的高度，但不会停止任何可能的“外部修补”具有相同的值，所以也要注意这一点。

如果上面的任何一个都没有给你带来理想的效果，你可能会无意中将！高度样式放在其他地方！并且它会覆盖你的努力，所以替换

$(function() {
    $(element).css('height','470px');
});

与

$(function() {
    $(element).css('height','470px !important');
});

Answer 2

添加元素的函数运行后，请使用以下命令：

$(element).height(247)

这对我来说是一种享受