wordpress - ウィンドウ読み込み前の同位体レンダリング

Question

Isotope を適切にレンダリングしようとして問題が発生しました。

imagesLoad関数を使用するなど、いくつかの異なる方法で機能させようとしましたが、役に立ちませんでした。

ここでページを表示できます: http://wpsanjose.com/#latest-posts

「すべて」を選択すると、最初にポップアップしたときに私が求めている適切なマージンが表示されます。

これは私が使用しているコードです:

(function($) {

$(window).load(function() {

    //Set the isotope area
    var $container = $('#isotope-wrap');

    //Set our items to be filtered and how to display
    $container.isotope({
        itemSelector: 'article',
        masonry: {
            columnWidth: 1
        }

    });

    var $filterSets = $('.options'),
            $filterLinks = $filterSets.find( 'a' );

    $filterLinks.click(function() {
        var $this = $(this);
        // don't do anything if already selected
        if ( $this.hasClass('selected') ) {
            return false;
        }

        var $filterSet = $this.parents('.options');
        $filterSet.find('.selected' ).removeClass('selected');
        $this.toggleClass('selected');

    })

    // filter items when filter link is clicked
    jQuery('#filters a').click(function(){
        var selector = $(this).attr('data-filter');
            $container.isotope({
                filter: selector
        });

        return false;
    })

});


$(".entry").hover(
    function() {
        $(".article-outer", this).stop().animate({top: '-1000px'},{queue: false, duration: 700});
    },

    function() {
        $(".article-outer", this).stop().animate({top: '0px'},{queue: false, duration: 700});
    });

})(jQuery);

どんな助けでも大歓迎です！