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

只需拨打＃34; matchHeight＆＃34;在你的＆＃34;准备好＆＃34;处理程序：

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

jQuery只在加载大小时加载，我希望它在加载大小和页面加载时加载

2 个答案: