Убрать желоб на кладке из последней колонны

У меня есть гибкий изотоп, каменная сетка (также с использованием загруженных изображений, но не в этом примере) с точками останова.

Я хочу удалить последний столбец желоба, чтобы справа не было пробелов, чтобы он был на одном уровне, но я не могу понять код.

Я настроил пример здесь: http://codepen.io/mattpark22/pen/yyzKgo

Основные функции:

colWidth = function () {
    $w = $container.width(), 
        columnNum = 1,
        columnWidth = 0;
    if ($w > 1400) {
        columnNum  = 7;
    } else if ($w > 1200) {
        columnNum  = 6;
    } else if ($w > 1000) {
        columnNum  = 5;
    } else if ($w > 800) {
        columnNum  = 4;
    } else if ($w > 600) {
        columnNum  = 3;
    } else if ($w > 300) {
        columnNum  = 2;
    }
    columnWidth = Math.floor($w/columnNum);
    $container.find('.isotope-item').each(function() {
        var $item = $(this),
            multiplier_w = $item.attr('class').match(/isotope-item-w(\d)/),
            multiplier_h = $item.attr('class').match(/isotope-item-h(\d)/),
            width = multiplier_w ? columnWidth*multiplier_w[1]-5 : columnWidth-5,
            height = multiplier_h ? columnWidth*multiplier_h[1]*0.45-5 : columnWidth*0.45-5;
        $item.css({
            width: width,
            height: height
        });
    });
    return columnWidth;
};
isotope = function () {
    $container.isotope({
        resizable: false,
        itemSelector: '.isotope-item',
        filter: hashFilter,
        masonry: {
            columnWidth: colWidth(),
            gutterWidth: 5
        }
    });
};

Буду признателен за любые идеи/советы!


person mattpark22    schedule 03.02.2015    source источник


Ответы (1)


В Isotope v2 параметр кладки gutterWidth был изменен на gutter.

http://codepen.io/desandro/pen/QwqmRO

$container.isotope({
  isResizeBound: false,
  itemSelector: '.isotope-item',
  filter: hashFilter,
  masonry: {
    columnWidth: colWidth(),
    gutter: 5
  }
});

Кроме того, функция columnWidth больше не работает с Isotope v2. Вместо этого используйте размер элемента.

person desandro    schedule 03.02.2015