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

我一直找不到一个对我有用的答案。
基本上我有一个div，它的图像有固定的位置。它是响应性的，将缩小或增长到任何屏幕大小。
我想做的是在屏幕大小发生变化时获取高度，并将其作为另一个div的定位值输入，这样就不会有重叠（由于定位固定）。
我可以得到高度最初，但它永远不会改变后的第一个值时，屏幕大小。
快速演示：link
在控制台中查看返回的高度。请注意，当调整浏览器大小时，它不会改变。
JS公司

$(function(){

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

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

});

我也尝试过.css("height")，但这并没有解决问题。
*注意div在这个例子中没有固定的位置，因为它会使布局更加混乱

最佳答案

您没有修改explore：
更改如下：

$(function(){

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

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

});