jquery - jQuery ウィンドウのサイズ変更関数は 1 回だけ呼び出します

Question

基本的に、画像付きの順序付けられていないリストがあります。jquery を使用して、すべての li タグが同じ量の垂直方向のスペースを占めるようにしています。ただし、私のサイトは流動的であり、ページが読み込まれたときやブラウザー ウィンドウのサイズが変更されたときに、jquery で li タグのサイズを変更したいと考えています。私は次の解決策を使用しましたが、これは機能すると思いますが、同様のことを成功させている他のスレッドを読んだ後、ウィンドウのサイズ変更時にコードが起動しない理由がわかりません。

li タグがページに合わせてサイズ変更されないことを確認できるサイトを次に示します (更新しない限り): http://www.webedify.com/sse/type.html

私のHTML：

<ul class="img-results">
    <li><a href="#"><img src="img.jpg" alt=""></a></li>
    <li><a href="#"><img src="img.jpg" alt=""></a></li>
    <li><a href="#"><img src="img.jpg" alt=""></a></li>
    <li><a href="#"><img src="img.jpg" alt=""></a></li>
 </ul>

私のjQuery：

var imght = function () {
        var maxHeight = -1;
        $('ul.img-results li').each(function() {
            maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
        });
        $('ul.img-results li').each(function() {
            $(this).height(maxHeight);
        });
    };

    $(document).ready(imght);
    $(window).resize(imght);

私は何が欠けていますか？私はそれが小さくて、おそらく明白なもののように感じます。私はそれを見ていません。助けてくれてありがとう。