javascript - 调整窗口大小后，将父(div)高度更改为其子(p)的大小

$(window).on("resize", function () {

    var totalHeight = 0

    var $p = $("#cwt-help").children();

    $p.each(function () {
        totalHeight += $("#cwt-help").outerHeight();
    });

    $("#cwt-help").css({ "height": totalHeight })
});

我正在尝试调整父div的大小，以使其与Windows调整大小后其子代的高度相匹配。我的问题是此代码在调整大小之前得到了高度。如何获得高度？谢谢！

最佳答案

resize事件发生时执行代码...
并且您希望在事件之后执行它。

那么setTimeout()呢？

我想事件发生后100毫秒就足够了。

$(window).on("resize", function () {

  setTimeout(function(){
    var totalHeight = 0

    var $p = $("#cwt-help").children();

    $p.each(function () {
        totalHeight += $("#cwt-help").outerHeight();
    });

    $("#cwt-help").css({ "height": totalHeight });
  },100);
});