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); 
}