javascript - 两列与jQuery高度相同

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

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

但是，就像您在链接中看到的那样，其高度在主页或档案页面中是不同的，但在单个页面中是相同的。

我认为可能是因为jQuery准备就绪后呈现的一些视频或图像。有人知道为什么吗？

最佳答案

我还遇到了添加内嵌脚本标签的相同问题

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

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

关于javascript - 两列与jQuery高度相同，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21388251/