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