Javascript JQuery在document.ready（）上未正确运行；

我已将其放在jsp文件中：

<script>
    jQuery( document ).ready(function() {
        jQuery('#resrcTypesTree').height(jQuery('.secondColumn').innerHeight() - 10);
    });
</script>

jQuery（文档）.ready（函数（）{
jQuery（'#resrcTypesTree'）.height（jQuery（'.secondColumn'）.innerHeight（）-10）；
});

如果我直接在Chrome的控制台上运行，它就可以正常工作。如果我加载页面，#resrcTypesTree id设置为10px（css默认值）。我无法理解为什么它似乎没有将resrcTypesTree的高度设置为第二列的高度。我还缺什么吗？在一个单位的时间过去后，我可以暂停查看页面，我只是觉得这有点不对劲

$forjQuery被项目中的另一个库覆盖，这就是我调用jQuery而不是“$”的原因

有人能给我指一下正确的方向吗？提前谢谢你

• RR

---

根据您的目标内容，但作为一个简单的修复，您应该等待所有内容加载：

jQuery(window).on('load',function () {
    jQuery('#resrcTypesTree').height(jQuery('.secondColumn').innerHeight() - 10);
});

---

这最终成为一个ajax问题。我必须编写一个中介函数，因为运行的ajax调用不止一个。95%的情况下，重新调整大小会在放入ajax脚本后生效，但5%的情况下，第二个ajax调用会首先完成，导致页面无法正确地重新调整渐变的大小。

是动态加载的

jQuery（'resrcTypesTree'）

，

secondColumn

是否包含图像或其他动态数据？