0

我真的不明白如何在准备好文档时正确调用 Javascript 函数。我的目标是根据浏览器窗口的高度调整 div 的大小，我从 SO 上的另一个答案中获取了这段代码。我究竟做错了什么？

function resizeElementHeight(element) {
  var height = 0;
  var body = window.document.body;
  if (window.innerHeight) {
      height = window.innerHeight;
  } else if (body.parentElement.clientHeight) {
      height = body.parentElement.clientHeight;
  } else if (body && body.clientHeight) {
      height = body.clientHeight;
  }
  element.style.height = ((height - element.offsetTop) + "px");
}

$(document).ready(resizeElementHeight($('#global_image')));

我试图调用的元素的 ID 为“global_image”，但我得到“无法设置未定义的属性高度”，并且我对如何为函数提供正确的元素感到迷茫。谢谢你的帮助！

4

3 回答 3

5

ready()期望一个函数作为它的参数。现在，您正在调用resizeElementHeight()并将其返回值传递给ready().

在您当前的代码中，调用resizeElementHeight()DOM 时尚未准备好，并且该元素#global_image尚未在 DOM 树中。

您应该将其更改为：

$(document).ready(function() {
    resizeElementHeight($('#global_image'));
});
于 2013-05-05T11:46:48.370 回答
1

resizeElementHeight 函数需要一个 DOM 元素，而不是 JavaScript 对象。要扩展 techfoobar 的答案，您应该将其更改为：

$(document).ready(function() {
    resizeElementHeight($('#global_image')[0]);
});
于 2013-05-05T11:57:24.503 回答
0

当您通过以下方式调用 resizeElementHeight.replace 时，DOM 对象未完全加载：

    $(document).ready(function() {
    resizeElementHeight($('#global_image')[0]);
});
于 2013-05-05T12:18:10.173 回答