JS/jQuery如何获得动态(响应)div的高度？

Question

我无法在SO上找到适合我的答案.

基本上我有一个div具有固定定位的图像.它具有响应性,并且会缩小或增长到屏幕尺寸.

我想要做的是在屏幕尺寸改变的任何时候获得高度,并将其作为另一个div的定位值输入,以便它没有重叠(由于固定的定位).

我可以初始获得高度,但在调整屏幕大小时,它在第一个值之后永远不会改变.

快速演示在这里:链接

在控制台中查看返回的高度.请注意,调整浏览器大小时它不会更改.

JS

$(function(){

    var explore = $('#explore').height();
    console.log(explore);

    $( window ).on("resize", function() {
    console.log(explore);
    });

});

我也尝试了,.css("height")但没有解决问题.

*注意div在这个例子中没有固定的位置,因为它会使布局更加混乱

Answer 1

你没有修改探索:

更改如下:

$(function(){

    var explore = $('#explore').css("height");
    console.log(explore);

    $( window ).on("resize", function() {
       explore = $('#explore').css("height");
       console.log(explore);
    });

});