jQuery只加載調整大小，我希望它加載調整大小和頁面加載

Question

我有兩個部分彼此相鄰，第一個具有靈活的寬度圖像，第二個具有一系列元素。我希望第二個調整它的高度以匹配第一個圖像的高度。我設法讓一些JavaScript工作，看圖像的高度，並調整第二部分的高度。但是，它只適用於調整大小，我無法讓它在加載時也能正常工作。舉個例子，看我的小提琴。您會注意到高度匹配不會啓動，直到調整大小。

$(document).ready(function(){ 
function matchHeight() { 
var newHeight = $("#slider").height(); 
$("#ctas").height(newHeight); 
} 

jQuery.event.add(window,"resize",matchHeight); 
}); 

http://jsfiddle.net/sGNcc/2/

Answer 1

就叫 「matchHeight」 在你的 「準備就緒」 的處理程序：

jQuery.event.add(window,"resize",matchHeight); 
matchHeight(); 

而且這是一種對建立一個事件處理程序奇怪的是：

$(window).resize(matchHeight); 

Answer 2

致電matchHeight功能onload：

$(document).ready(function(){ 
    matchHeight(); 
}); 

function matchHeight() { 
    var newHeight = $("#slider").height(); 
    $("#ctas").height(newHeight); 
}