Высота контейнера плагина jquery isotope не будет расти с isotope-item (то же самое с каменной кладкой)

У меня есть изотоп-предмет, который будет расти в высоту, когда кто-то прокомментирует его внутри. Когда он растет, как мне заставить основной контейнер с изотопом расти вместе с ним? Прямо сейчас происходит следующее: по мере роста элемента-изотопа контейнер с изотопом сохраняет свою начальную высоту, которая была установлена ​​при вызове $(".home_main").isotope(); Поэтому, когда я оставляю комментарии внутри элемента-изотопа, элемент увеличивается, а затем обрезается основным контейнером. Спасибо.

Я видел, что вы можете установить resizesContainer: true, но это мне не помогло. Спасибо.

Не уверен, что это имеет какое-либо значение, но я также пробовал это с плагином Masonry jquery (кажется очень похожим) и имел ту же проблему.


javascript html jquery jquery-isotope jquery-masonry
person botbot    schedule 28.09.2012    source источник

Ответы (5)


arrow_upward
9
arrow_downward

Нашел ответ здесь:

https://github.com/desandro/isotope/issues/275

Вы должны вызвать relayout следующим образом:

$("#your_container").isotope( 'reLayout' )
person botbot    schedule 28.09.2012

arrow_upward
5
arrow_downward

В Isotope V2 синтаксис такой

$("#your_container").isotope('layout')
person Kumar    schedule 23.08.2014

arrow_upward
1
arrow_downward

В Isotope PACKAGED v2.2.2 вы также можете «переставить / переразметить» свой контейнер:

    $(window).scroll(function(){
        $container.isotope( 'layout' );
    }
person Miguel Medeiros    schedule 07.04.2016

arrow_upward
0
arrow_downward

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

http://isotope.metafizzy.co/appendix.html

http://imagesloaded.desandro.com/

person sledgeweight    schedule 26.08.2014

arrow_upward
0
arrow_downward

В изотопе V3

$(window).on('load', function(){
    var $container = $('#your_container');
    $container.isotope({
        itemSelector: '.item'
    });
});
person Mohammad b    schedule 11.09.2019