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