アイソトープグリッドレイアウトが初めて失敗する

Question

アイソトープグリッドが最初にアクセスするときに間違っています。比較するスクリーンキャプチャは2つあります。

1. 初めて（またはブラウザのキャッシュなしアクセス）：

第二の時間アクセス（または単純なブラウザのリロード）

：

これはseエンで：http://telmo.club/merz/

アイソトープJSのinit：

init: function() { 
     // init Isotope 
     var $grid = $('.grid').isotope({ 
      // options 
      layoutMode: 'fitRows', 
     }); 
     // filter items on button click 
     $('.filter-button-group').on('click', 'a', function() { 
      var filterValue = $(this).attr('data-filter'); 
      $grid.isotope({ filter: filterValue }); 
      $('.grid').isotope({ 
      hiddenStyle: { 
       opacity: 0 
      }, 
      visibleStyle: { 
       opacity: 1 
      } 
      }); 
     }); 
     } 

私はウォンを何をしているのですか？事前に感謝

Answer 1

は$(window).load()の内側にあなたのコードを入れてください：答えのための

$(window).load(function() { 
     var $grid = $('.grid').isotope({ 
      // options 
      layoutMode: 'fitRows', 
     }); 
     // filter items on button click 
     $('.filter-button-group').on('click', 'a', function() { 
      var filterValue = $(this).attr('data-filter'); 
      $grid.isotope({ filter: filterValue }); 
      $('.grid').isotope({ 
      hiddenStyle: { 
       opacity: 0 
      }, 
      visibleStyle: { 
       opacity: 1 
      } 
      }); 
     }); 
    });