javascript - jQuery 两列高度相同

Question

在此site我有两列，我希望它们具有相同的高度。这是我的代码:

jQuery(document).ready(function($) {
    var Height = $("#per-wrapper").height();
    $('#per-side-column').css("min-height", Height);
});

但是，正如您在链接中看到的那样，主页或文件页面的高度不相同，但在单个页面中是相等的。

我认为这可能是因为在 jQuery 准备好后渲染的某些视频或图像。有人知道为什么吗？

Answer 1

我也遇到了同样的问题，我添加了内联脚本标签

<script>
    var Height = $("#per-wrapper").height();
    $('#per-side-column').css("min-height", Height);
</script>

在 <section id = "#per-wrapper"></section> 之后的页脚之前关闭标签。这有助于在#per-wrapper 加载并占据所需高度后获得高度。