jquery - jQuery Masonry / Isotope 上的 Gutter Width 不起作用

Question

我试图在我的 Div 之间获得 10px 的装订线宽度，但它似乎并不适用。同位素脚本正在工作，因为项目随机播放，我也有一个过滤导航可以工作。

我只是在努力得到这个排水沟！:(

继承人的代码：

    $('#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>

Answer 1

我也有同样的问题; 我做了一个 jsfiddle 来测试你的例子：http: //jsfiddle.net/elektrorl/5W5HQ/

编辑： http: //isotope.metafizzy.co/docs/layout-modes.html#modified_layout_modes >> “同位素的方法可以被扩展和覆盖以填充附加功能。”

Answer 2

通过“gutter”更改 gutterWidth 对我有用：

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