使用簡單的jQuery腳本抓取一個div高度並使另一個div大小相同的問題

基本上我想獲得.r-side的高度，並將它應用於.l-side的高度，以便這兩個元素始終保持相同的高度如果窗口被調整大小，並且放置在彼此的頂部。我不確定我的jQuery有什麼問題。使用簡單的jQuery腳本抓取一個div高度並使另一個div大小相同的問題

這裏就是我的了：

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

使用jQuery 3.1.1。和here's a jsFiddle我遇到的問題。

我接受其他方法而不是jQuery來完成這個任務，但在我的研究中，我只找到專門針對列的解決方案，而這些div需要直接放置在彼此之上。

來源

2017-05-08 little tiny man

在小提琴中，您在HTML/CSS中使用ID，但在jQuery中使用類 – Gerard

在小提琴中啓用jQuery。另外[.load（event）]（http://api.jquery.com/load-event/）方法已被棄用，（加載事件不可靠）。改爲使用[.ready]（http://api.jquery.com/ready/）。 – yezzz

你引用.l-side和.r-side如jQuery的類和編碼它們的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-08 09:27:42 mayersdesign

請使用id選擇 '＃' 你已經使用ID而不是類，而是使用window.load的的document.ready。 $(document).ready(function(){ $("#r-side").css({'height':($("#l-side").height()+'px')}); });

來源

2017-05-08 09:53:21

使用簡單的jQuery腳本抓取一個div高度並使另一個div大小相同的問題

回答

相關問題