Javascript $（“我的div”）.css（“高度”和$（窗口）.outerHeight（）&“x2B”和“px”）；使用window.resize（）但不使用$（window.load（））

正如标题所说，我试图将div的高度设置为视口的高度，但它似乎只在我调整窗口大小时才起作用，而在加载页面时则不起作用。完整代码如下所示：

$(window).load(function() { resize_div(); });
window.onresize = function(event) { resize_div(); };

function resize_div() {
  $("#my-div").css("height", ($(window).outerHeight() - $("#menu").outerHeight()) + "px");
}

为什么它可以在窗口大小调整时工作，但现在可以在窗口加载时工作？提前感谢你的帮助

更新 以下是一些其他不起作用的事情：

$(document).ready(function() {
  resize_div();
});
window.onload = function(event) { resize_div(); };
$("#my-div").on("load", function() { resize_div(); });
setTimeout(resize_div(), 3000); # this was put inside $(document).ready()

更新2

---

我在

$（document.ready（）

和

$（window.load（）

中添加了警报，这两个警报都是在加载我要嵌入的时间线之前触发的。所以我认为这可能是一个超出我的问题措辞范围的问题。我正在使用的应用程序——有点像Python的Flask模块——可能正在加载网页，然后动态地将div注入到网页主体中，这就是函数无法正常工作的原因。但是，在

resize_div

中添加

console.log

也不会产生任何输出，因此我认为这不是div没有立即出现的问题

你应该试试这个，这个对我有用

$（函数（）{
调整_div（）的大小；
window.onresize=函数（事件）{resize_div（）；}；
});
函数resize_div（）{
警报（0）；
$（“#我的div”）.css（“高度”，（$（窗口）.outerHeight（）-$（“#菜单”）.outerHeight（））+“px”）；
$（“#我的div”）.css（“背景色”、“黄色”）；
}

adfggfgsdgsfdgsfhfg
MenuDiv

你的代码绝对有效（我自己也在使用Firefox42的Ubuntu14.04 LTS！），下面是布丁的证明：

$（window.load）（函数（）{console.log（'window.load'）；resize_div（）；}）；
$（document.ready）（函数（）{console.log（'document.ready'）；resize_div（）；}）；
window.onresize=函数（事件）{resize_div（）；}
函数resize_div（）{
$（“#我的div”）.css（“高度”，（$（窗口）.outerHeight（）-$（“#菜单”）.outerHeight（））+“px”）；
log（“resize_div called”）；
}

增加一些延迟，然后它就会工作$加载（函数（）{resize_div（）；}）；将其更改为$（window.load（function（）{settimeout（resize_div，99）}）；您可以在StackSnippet或jsfiddle@razahassank不能相信delays@Tushar完整的网站就足够了吗？可以在[这里]找到它（45.55.233.87/shinny/timelinejs/）。

window.onresize（…）

我很希望它能起作用，但它没有起作用。再次，调整窗口大小会导致函数运行，但它不会在没有任何触发器的情况下运行。我认为在调整大小和加载时，这两个事件都会运行。我提醒我的函数，两次都会启动，请重新运行。@AnkitKathiriya我相信你的代码实现了我要求它实现的目标，但我的情况除外。请查看我对问题的更新，因为在进行了一些故障排除之后，我认为问题比我最初提出的问题更深。我将接受此作为结束此问题的答案。我认为我的问题超出了这个问题的范围，你的回答确实有效。