Параметры изотопной ширины столбца и желоба не работают

Я использую только код по умолчанию, предоставленный веб-сайтом изотопов. Плагин работает, на странице все нормально. По умолчанию, без указания ширины столбца и ширины поля, isotope автоматически применяет отступ в 7 пикселей между элементами. Тем не менее, я хочу уменьшить это поле и пытаюсь передать ширину столбца и ширину желоба, как указано в документации, я всегда терплю неудачу. код:

$container.isotope({
     itemSelector: '.gallery-item',
     masonry : {
        columnWidth: 300, 
        gutterWidth: 2
               }
});

нет живого URL-адреса, чтобы проверить это, но вы можете проверить это здесь, где все, что я сделал, это создал копию «официального» jsfiddle и просто добавил ширину столбца и ширину желоба. Вы можете видеть, что, хотя ширина и высота поля составляют 70 пикселей, оно работает неправильно, если я чего-то не понимаю.

http://jsfiddle.net/PUhtY/

Спасибо!


jquery-isotope
person geodeath    schedule 22.01.2013    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Если вы все еще ищете ответ, вам понадобится расширение jQuery Gutter Width.

https://gist.github.com/Huskie/2574891

Взбейте его за пределами вашей изотопной функции, и вы должны быть готовы к работе! У меня были те же проблемы, и это сработало для меня.

person danb    schedule 07.02.2013

arrow_upward
1
arrow_downward

ваша проблема в том, что вы используете guuterWidth вместо gutter.

измените свой код на что-то вроде этого:

$container.isotope({
 itemSelector: '.gallery-item',
 masonry : {
    columnWidth: 300, 
    gutter: 2
    }
});
person Mosijava    schedule 26.09.2017