Ширина желоба на jQuery Масонство / Изотоп не работает

Question

Я пытаюсь получить ширину водосточного желоба в 10 пикселей между своими Div, но, похоже, это не применимо. Сценарий 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>

Answer 1

У меня такая же проблема; Я сделал jsfiddle для проверки вашего примера: http://jsfiddle.net/elektrorl/5W5HQ/

edit: http://isotope.metafizzy.co/docs/layout-modes.html#modified_layout_modes >> "Методы Изотопа могут быть расширены и переписаны для добавления дополнительных функций."

Answer 2

Изменение ширины желоба на «желоб» сработало у меня:

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