0

基本上我想获得高度.r-side并将其应用于高度，.l-side以便即使调整窗口大小并定位在彼此之上，这两个元素也始终具有相同的高度。我不确定我的 jQuery 有什么问题。

这是我得到的：

$(window).load(function(){ $(".l-side").css({'height':($(".r-side").height()+'px')}); });

使用 jQuery 3.1.1。这是我遇到的问题的 jsFiddle 。

我对 jQuery 以外的其他方法持开放态度来实现这一点，但在我的研究中，我只找到了特定于列的解决方案，并且这些 div 需要直接放置在彼此之上。

4

2 回答 2

3

您已经在 jQuery 中引用.l-side和.r-side作为类，并将它们编码为标记中的 ID :)

在片段中，我更改了您的宽度，使其显示在预览窗口中，但您现在可以看到高度匹配。

$(window).load(function() {
  $("#r-side").css({
    'height': ($("#l-side").height() + 'px')
  });
});
#l-side img {
  width: 100px;
}

#r-side {
  width: 100px;
  height: 100px;
  background-color: black;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="l-side"><img src="http://connor.la/sandbox/refsmaster/images/forever-2.jpg"></div>
<div id="r-side"></div>

于 2017-05-08T09:27:42.037 回答
0

请使用 id 选择器“#”，因为您使用的是 id 而不是类，并使用 document.ready 而不是 window.load。$(document).ready(function(){ $("#r-side").css({'height':($("#l-side").height()+'px')}); });

于 2017-05-08T09:53:21.893 回答