如何让JQuery css毫不延迟地绘制出来？

我正面临一个有线问题。使用bootstrap，我对一些布局进行了类似的编码：

<div class="row-fluid">
    <div class="span4" id="block1">Some short text</div>
    <div class="span4" id="block2">Some LONG text<br/>displayed on<br/>multiple lines</div>
    <div class="span4" id="block3">Some short text</div>
</div>

这里的

#left

比

#right

高，在函数中，我调用

autoAlign（）

使

#right

与

#left

相同的高度，然后用jqplot在

#graph

中绘制图表。在使用jqplot绘制图表之前，我需要更改

#graph

的高度，以便图表使用尽可能多的高度

我的问题是浏览器（此处为Chrome 27）不会立即考虑使用

autoAlign（）

进行的调整，即使我可以看到

style=“height:NNNpx”

已添加到每个

.span*

元素。因此，如果我尝试使用

$（'''.'right'）.height（）

或

$（'.'right'）.css（'height'）

访问

#right

的高度，我会得到当前高度（即不考虑

style=“height:NNNpx”

），我无法计算

#graph

所需的大小，以使此元素占用

#right

中的所有剩余空间。CSS更改仅在退出函数时应用于屏幕

因此，我的问题是：有没有办法强制浏览器重新绘制/应用最近的CSS更改

---

谢谢。

您能给我一些布局指示吗（即CSS）？在我看来，您可以将主容器设置为display:table，将跨度设置为display:table单元格，尽管您的第二个示例使事情看起来更复杂。。。我假设这里的东西是并排的？因为加载JS需要时间，所以您无法通过JS获得即时样式。您最好首先使用CSS，而display:table有助于获得相等的高度。@ralph.m：CSS是通过引导库管理的。我不打算为了能够在不引入不兼容的情况下更新引导而覆盖其行为实现。啊，框架的痛苦！我不知道为什么人们会沉迷于这些东西（但我不明白为什么你不能添加一两个类，并为这些元素提供独特的样式。难道你不能为这样的东西提供一个单独的样式表吗？

<div class="row-fluid">
    <div class="span8" id="left">Some VERY LONG text<br />...<br />...</div>
    <div class="span4" id="right">
        <div class="row-fluid">
             <div class="span12">Some fields</div>
        </div>
        <div class="row-fluid">
             <div class="span12" id="graph"></div>
        </div>
    </div>
</div>