两个与jQuery具有相同高度的元素 - 始终如一

Question

我正在利用我在网络上找到的图库系统，根据鼠标图像的接近程度，它会按比例增长。

链接：Gallery

好吧，我调整了代码以使其响应（正如您所看到的那样正在构建中）并且没有明显的问题。我的问题在更改分辨率时开始（使用缩放浏览器，正在'旋转'平板电脑或移动设备）。在任何图像的顶部悬停或点击（带触摸），其页面已加载的分辨率，描述没有任何反应，但当它给出一个小的缩放时，您已经可以看到所有未对齐的图像。图像高度等于宽度。宽度是相对的。

我想出了一个解决我问题的方法：使用jQuery。我用一个基本级别编程 - 在这个框架中间，可以做好事。但我不知道何时更改分辨率，自动更改描述的大小。到目前为止，使用此代码使两者都相等：

$(document).ready(function(){
$(".gallery-description").height( $(".gallery-thumbs li a img").height());
});

我希望有人可以帮助我改进功能或提供其他建议！谢谢。 ：）

Answer 1

只需回复resize：

$(document).ready(resizeGallery);
$(window).resize(resizeGallery);
function resizeGallery() {
    $(".gallery-description").height( $(".gallery-thumbs li a img").height());
}