7

特定のページで、固定レイアウトの Twitter Bootstrap と jQuery Masonry を使用しています。

それは機能していますが、2行目からdivの上部の位置が誤って計算され、最初の行の要素を部分的に覆っています。

要素を再配置する前にスクリプトが終了したようです。

奇妙なことに、Chrome でインスペクターを開くか、ビューポートのサイズを少し変更すると、div が正しい位置にジャンプします。ページを更新すると役立つ場合もあれば、そうでない場合もあります...

私の石積みのスクリプト：

jQuery(document).ready(function(){
    jQuery('.span9').masonry({
        itemSelector: '.span3',
        columnWidth: function( containerWidth ) {
        return containerWidth / 3;
        }
    });
});

これは正常な動作ですか？window.resize上記のスクリプトに追加する必要がありますか?

メーソンリー スクリプトをページ自体またはヘッダーに配置しても、フッターの動作は変わりません。

jQuery の直後、他の Bootstrap js の前に masonry.js を呼び出しています。

4

1 に答える 1

19

ここのヘルプセクションを読んでください http://masonry.desandro.com/docs/help.html

スクリプトはすべての画像が読み込まれる前に実行されます。ウィンドウが読み込まれた後にトリガーする必要があります

$(window).load(function(){
  $('#container').masonry({
    // options...
  });
});
于 2012-06-04T18:56:46.323 に答える