Javascript 获取动态更改元素的高度

这段代码获取

.divone

的高度（这是响应性的），并将其作为页边距顶部添加到

.divtwo

：

    var height = $(".divone").height();
    $('.divtwo').css({"margin-top": height + "px"});

当浏览器窗口调整大小且

.divone

的高度改变时，如何实现

高度

的更新

我添加了这一行，但根本不起作用：

 $(window).on("resize", height)

jQuery的

.on（字符串事件，函数处理程序）

至少接受两个参数：您希望作为字符串侦听的

事件，然后是在事件触发时执行的
函数

function recalcDivTwo() {
  var height = $('.divone').height();
  $('.divtwo').css({"margin-top": height + "px"});
}

然后将其添加到文档中。就绪处理程序：

$(window).on("resize", recalcDivTwo);

您还可以在调用中将处理程序函数定义为匿名函数：

$(window).on("resize", function() {
  $('.divtwo').css({"margin-top": $('.divone').height() + "px"});
});

对于除了特定事件处理之外没有其他用途的短处理函数，我将使用匿名内联函数定义，因为它也不会污染全局命名空间


jQuery的
.on（字符串事件，函数处理程序）
至少接受两个参数：您希望作为字符串侦听的
事件，然后是在事件触发时执行的
函数

function recalcDivTwo() {
  var height = $('.divone').height();
  $('.divtwo').css({"margin-top": height + "px"});
}

然后将其添加到文档中。就绪处理程序：

$(window).on("resize", recalcDivTwo);

您还可以在调用中将处理程序函数定义为匿名函数：

$(window).on("resize", function() {
  $('.divtwo').css({"margin-top": $('.divone').height() + "px"});
});

对于除了特定事件处理之外没有其他用途的短处理函数，我将使用匿名内联函数定义，因为它也不会污染全局命名空间


不客气。花点时间阅读jQuery文档，了解您将要使用的东西。这真的有很好的记录，不客气。花点时间阅读jQuery文档，了解您将要使用的东西。这真的是有据可查的。