2012-02-13 11 views
8

アイソトープjqueryプラグインが正常に移植されましたが、何らかの理由でページが初めて読み込まれたときに何らかの問題が発生しています。アイソトープjqueryプラグインがクロムに​​正しく表示されない

http://dl.dropbox.com/u/15358757/sd.jpgここでは何が起こっているのかを見ることができます。その要素は互いの上にあります。 PSDを押してからAllに戻すと、正しく表示されます。

私は動的になりたいので、コンテナのデフォルトの高さはありません。

どのように私はこれを修正できますか?

答えて

24

画像がロードされる前にアイソトープが動作している可能性があります。 【このデモで】

http://isotope.metafizzy.co/demos/images.html

すべての画像がimagesLoaded プラグインがロードされた後に同位体がトリガされます。

http://isotope.metafizzy.co/docs/help.html#imagesloaded_plugin

var $container = $('#container'); 

$container.imagesLoaded(function() { 
    $container.isotope({ 
    // options... 
    }); 
}); 
+0

はhttp://isotope.metafizzy.co/docs/methods.htmlで詳述するように同位体を初期化した後にアイテムを追加すると、 'insert'法を使用して必要であることも注目に値します#insert、それ以外の場合はまだ新しいアイテムに問題があります。 – meklarian

+0

OPにプラグインがあるかどうかわからないけど、imagesLoadedをダウンロードしてアイソトープに沿って読み込む必要がありました。 https://github.com/desandro/imagesloaded –

関連する問題