javascript - jQuery：CSS更改后何时查询新的外部高度？

Question

如果我做

var theHeight;
element.css('min-height', h);
theHeight = element.outerHeight();

在 Chrome 中，我得到了旧的外部高度。

我要做

var theHeight;
element.css('min-height', h);
setTimeout(function() {
  theHeight = element.outerHeight();
}, 1);

相反（或者，当然，任何产生类似效果的东西）来outerHeight报告“正确的”高度（我希望这是我们在改变后可以看到的持续真实高度min-height）。

不幸的是，setTimeout这不是我的选择。我可以用什么代替？它应该适用于所有主要浏览器（当前版本）。

score 0 · Accepted Answer

setTimeout不是您的最佳选择。

您要做的是在 DOM 加载后应用一些 javascript（CSS 在 document.ready 之前应用）。

您可以使用JQuery轻松完成。

$(document).ready(function(){
  modifySomeDomElement();
});

我希望这有帮助，

里斯

1 回答 1