jquery - .height は 1 回だけ機能します

Question

最初はすべてのスライドを非表示にして、配列に読み込みます。次に、進むボタンと前のボタンを使用してスライドを移動します。それぞれが div 内に独自の説明を持っています。スライドショー自体は機能し、移動中のすべての新しいスライドで説明が完全に表示されます。しかし、次のように、説明テキストの高さを表示しようとすると:

    $('.slide-desc').click(function () {
        $(this).text($('.slide-desc').height());
    });

配列の最初のスライドを除くすべてのスライドで 0 を返します。しかし、すべてのスライドが実際にその配列にロードされているため、スライドショーが機能します。

これは、すべてのスライドを配列に変換する方法です。

    function getSlides() { 
        slidesArray = $('.slide').toArray();
        slidesArrayReversed = $('.slide').toArray().reverse();
    };

なぜ最初だけしか機能しないのですか？

詳細: http://purplerain.com.br/portfolio.html でスクリプトの動作を確認できます。また、スクリプト全体のコードは、 http://purplerain.com.br/js/fullscreen-slideshow で確認できます。 js

ここに投稿するには時間がかかります。警告として...私は、オブジェクト指向の考え方よりも、有限状態マシンの考え方を使用してコーディングする傾向があります。

助けてくれてありがとう^^