javascript - jQuery が更新時に正しく表示されない問題を修正

Question

開発中の Web ページにサムネイル スライダーがあります。ウェブサイトにアクセスすると、画像の小さなブロックしか表示されませんが、ページを更新するとすべて問題ありません。なぜこれが起こるのか考えてみてください

問題のページであるhttp://www.ap2x.gbes.co.za/1/1.html

私はFirefox、Chrome、IEでテストしました。エラーはブラウザ固有ではないようです

Slider は、そのような問題もなく、オフラインで完全に正常に動作します。何が原因なのかわからない

        $(function() {

            //  wrap all thumbs in a <div> for the 3x3 grid
            $div = null;
            $('#thumbs').children().each(function(i) {
                if ( i % 9 == 0) {
                    $div = $( '<div />' );
                    $div.appendTo( '#thumbs' );
                }
                $(this).appendTo( $div );
                $(this).addClass( 'itm'+i );
                $(this).click(function() {
                    $('#images').trigger( 'slideTo', [i, 0, true] );
                });
            });
            $('#thumbs img.itm0').addClass( 'selected' );

            //  the big-image carousel
            $('#images').carouFredSel({
                direction: 'up',
                circular: false,
                infinite: false,
                width: 500,
                height: 281,
                items: 1,
                auto: false,
                scroll: {
                    fx: 'directscroll',
                    onBefore: function() {
                        var pos = $(this).triggerHandler( 'currentPosition' );
                        $('#thumbs img').removeClass( 'selected' );
                        $('#thumbs img.itm'+pos).addClass( 'selected' );

                        var page = Math.floor( pos / 9 );
                        $('#thumbs').trigger( 'slideToPage', page );
                    }
                }
            });

            //  the thumbnail-carousel
            $('#thumbs').carouFredSel({
                direction: 'up',
                circular: false,
                infinite: false,
                width: 550,
                height: 150,
                items: 1,
                align: false,
                auto: false,
            });
        });