JQuery在document.ready()上运行不正常;

时间:2013-12-02 13:31:55

标签: javascript jquery resize

我把它放在我的jsp文件中:

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

如果我直接在Chrome的控制台中运行它,它可以正常工作。如果我加载页面,#resrcTypesTree id设置为10px(默认为css)。我无法弄清楚为什么它似乎没有将resrcTypesTree的高度设置为secondColumn的高度。还有其他我想念的东西吗?经过一段时间后,我可以暂停检查页面,我觉得这很黑。

jQuery的$被项目中的另一个库覆盖,这就是为什么我调用jQuery而不是'$'。

有人能指出我正确的方向吗?提前谢谢!

  • RR

2 个答案:

答案 0 :(得分:0)

根据您要定位的内容,但作为一个简单的修补程序,您应该等待加载所有内容:

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

答案 1 :(得分:0)

这最终成为ajax问题。我必须编写一个中介函数,因为有多个ajax调用正在运行。一旦放入ajax脚本,95%的时间重新调整大小,但是5%的时间,辅助ajax调用将首先完成,导致页面不能正确地重新调整渐变大小。