2

Div間で10pxのガター幅を取得しようとしていますが、適用されていないようです。アイテムがシャッフルされ、フィルタリングナビゲーションも機能するため、Isotopeスクリプトが機能しています。

このガターを手に入れるのに苦労しています！:(

コードは次のとおりです。

    $('#main-project-grid').isotope({
        masonry: {
            columnWidth: 313,
            gutterWidth: 10
        }
    });

そして、これが私のHTMLです。

    <div class="container" id="main">
        <div class="container-content" id="main-grid">

            <div class="post-grid">
                Box Item
            </div>

            <div class="post-grid">
                Box Item
            </div>

            <div class="post-grid">
                Box Item
            </div>

            <div class="post-grid">
                Box Item
            </div>

            <div class="post-grid">
                Box Item
            </div>

        </div>      
    </div>
4

2 に答える 2

6

私も同じ問題を抱えてる; 私はあなたの例をテストするためにjsfiddleを作りました：http： //jsfiddle.net/elektrorl/5W5HQ/

編集： http： //isotope.metafizzy.co/docs/layout-modes.html#modified_layout_modes >> "Isotopeのメソッドは、追加機能を追加するために拡張および上書きできます。"

于 2012-03-26T22:46:42.973 に答える
5

「gutter」によるgutterWidthの変更は、私にとってはうまくいきました。

$('#main-project-grid').isotope({
    masonry: {
        columnWidth: 313,
       "gutter": 10
    }
});
于 2015-01-12T17:25:49.203 に答える