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

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');
});

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

如果以上都没有给你想要的效果，你可能无意中在其他地方放置了带有 !important 的高度样式，并且它覆盖了你的努力，所以替换

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

与

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