javascript - 使用 jQuery 具有相同高度的两个元素 - 始终

Question

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

链接:Gallery

好吧，我调整了代码以响应(如您所见正在 build 中)并且没有明显的问题。我的问题在更改分辨率时开始(使用缩放浏览器，“旋转”平板电脑或手机)。将鼠标悬停或单击(触摸)在任何图像的顶部，在其页面已加载的分辨率下，没有任何反应，但是当它进行小幅缩放时，您已经可以看到所有与图像不对齐的描述。图像高度等于宽度。宽度是相对的。

我想出了一个单一的解决方案来解决我的问题:使用 jQuery。我的编程水平很低——在这个框架中处于中等水平，并且可以做好事。但是我不知道如何在更改分辨率时自动更改描述的大小。到目前为止，使用此代码让两者相等:

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

希望有人能帮我改进功能或提出其他建议!谢谢。 :)

Answer 1

只需响应调整大小:

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