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