9

だから私は同位体masonryレイアウトを使用しています

$('section').isotope({itemSelector:'article',layoutMode:'masonry',transformsEnabled: false, animationEngine: 'jquery',masonry:{columnWidth:8}});

問題はarticle、cssで高さを設定しないと、レイアウトが見栄えが悪くなり、アイテムが重なってしまうことですが、要素はブログ投稿であるため、固定の高さを設定できません。サイズを変更しますが、これを解決するためのヒントはありますか？

4

3 に答える 3

26

問題は解決しました。電話する必要があります$(window).load instead of $(document).ready(

于 2012-04-15T16:27:33.463 に答える
8 
var $container = $('#container').imagesLoaded( function() {
  $container.isotope({
    // options
  });
});

アイソトープを参照-imagesLoaded

于 2012-04-16T13:34:17.130 に答える
0

これは、アイソトープがロード前に画像サイズを認識していないために発生しました。これを行うためのより良い方法は、ロードインジケーター（おそらくimageLoadedプラグインを使用）を使用して画像をロードしてから、アイソトープを使用して挿入または追加を実行することです。$（window）.load（）を使用するよりも、スムーズなナビゲーションとより高速な読み込みサイトの錯覚が得られます。

于 2015-02-14T14:53:13.297 に答える